LINUX.ORG.RU

Редактор для маркдауна и HTML

 , , ,


0

1

Посоветуйте HTML-редактор или IDE, где можно включить графическое отображение таблиц, но при этом отключить графическое отображение всех остальных элементов.

Таблицы создаю через HTML-разметку, а не маркдауновскую.

Как это должно выглядеть в реальной жизни:

https://i.imgur.com/BmoKqq0.png

Цветовая подсветка не обязательна.

Deleted

Боюсь, что еще такое не создали.

nihirash ★★★ ()
Ответ на: комментарий от nihirash

Вероятно, да. А вещь-то очень нужная.

Deleted ()

А мне, пожалуйста, такой же, но чтобы еще рендерил тэги marquee и blink

makoven ★★★★★ ()
Ответ на: комментарий от makoven

Есть такое мнение, что твой пост - издёвка. Если я прав, постарайся свою точку зрения изложить понятно, без выпендрежа.

Deleted ()

Редактор для дауна? Блокнот, блджад!

anonymous ()
Ответ на: комментарий от Deleted

Без выпендрежа - пиши html в любимом редакторе, а как дойдет до таблиц - открывай файл в dreamviewer (или что там модно для WYSIWIG в 2k17) и изгаляйся сколько влезет

А вообще, во всех визивигах есть кнопка переключения между текстом/рендерингом

makoven ★★★★★ ()
Последнее исправление: makoven (всего исправлений: 3)
Ответ на: комментарий от makoven

Ну, понятно, что такой вариант есть. Но очень неудобно.

На первый, взгляд, терпимо. Типа, надо создать таблицу - создавай ее в отдельной программе.

Но подлянка состоит в том, что перекидывать из обычного текстовго редактора в HTML-редактор (и обратно) придется каждый раз, когда возникнет потребность внести какие-либо правки. Что случается, в общем, довольно часто.

Deleted ()
Ответ на: комментарий от EXL

Привет, спасибо. А он так точно умеет, вот в точности так, как я описал?

(Просто сейчас нет возможности проверить, а похожие редакторы я уже смотрел: двухпанельные Markdown Plus, Caret, MarkdownPad, однопанельный Typora).

Deleted ()

Надоели уже ссылки на imgur, который почти всегда «is over capacity!»

Посоветуйте HTML-редактор или IDE, где можно включить графическое отображение таблиц, но при этом отключить графическое отображение всех остальных элементов.

Браузер + любой текстовый редактор

anonymous_sama ★★★★★ ()
Последнее исправление: anonymous_sama (всего исправлений: 1)
Ответ на: комментарий от anonymous_sama

Проверил только что, ссылка работает. Я вообще не сталкивался ни разу с проблемами там.

Браузер + любой текстовый редактор

Мне тоже так нравится, но с таблицами-то как быть? Фигачить тегами вручную?

Deleted ()
Ответ на: комментарий от Medar

Смотри, идея простая.

В принципе, мне для работы с маркдауном хватает расширения для браузера и простого текстового редактора.

Но возникают проблемы, когда я хочу в своей разметке добавить таблицу. Маркдауновские таблицы меня не устраивают - у них слишком ограниченный функционал (например, ячейка может содержать лишь один абзац текста). Поэтому я заинтересован в HTML-таблицах:

<table>
<tr>
<td>

Какой-то **текст**

Какой-то `код`

</td>
<td>

Какой-то **текст**

Какой-то `код`

</td>
</tr>
</table

Однако как ты сам понимаешь, добавлять в них строки, столбцы, объединять ячейки (как показано на скриншоте в моем стартовом посте) - очень сложно.

Я бы хотел, чтобы редактор показывал мне таблицу в графическом виде, но вся остальная разметка показывался бы в сыром виде.

Таким образом, я получил бы возможность легко работать со строками/столбцами таблицы - добавлять их, удалять, объединять, как в Word или LibreOffice Writer.

Есть некоторые редакторы, в которых приблизительная возможность есть - например Typora. Но они перегружены мешающими мне вещами. Например, они по умолчанию рендерят все вставленные картинки. А если картинок в документ вставлена сотня - все это нещадно тормозит.

Поэтому я хочу, чтобы это был как бы обычный текстовый редактор, но с таблицами. А для полного просмотра - я по-прежнему буду использовать браузер.

Deleted ()
Ответ на: комментарий от RazrFalcon

В какой-то степени этот тед был создан, чтобы популяризовать эту идею.

Deleted ()
Ответ на: комментарий от Deleted

Если не сильно нужен markdown, я бы взял haml/pug/jade и браузер. Собственно, я и взял

Shadow ★★★★★ ()
Ответ на: комментарий от Shadow

Спасибо. Вообще, конечно, интересно, но с таблицами там такой же ад, как и во всех других языках разметки.

Deleted ()
Ответ на: комментарий от Shadow

Можешь кстати еще AsciiDoc глянуть. Мне он не очень, но люди используют.

Deleted ()
Ответ на: комментарий от Deleted

Поэтому я хочу, чтобы это был как бы обычный текстовый редактор, но с таблицами.

Это как с table.el / org-mode?

Или вам еще и обоюдное преобразование нужно?

Zmicier ★★★★★ ()
Ответ на: комментарий от Deleted

Ну, я таблицы только в виде:

table.class
    tr.odd
        td
        ..
        td
    tr.even
        td
        ..
        td

использую. Всё остальное в css.

Shadow ★★★★★ ()
Ответ на: комментарий от Zmicier

C Емаксом у меня было знакомство краткое, и пару лет назад, поэтому я плохо помню как устроено в org-mode. Я хочу, чтобы таблицы были как в Ворде. Уверен, так нам обоим будет понятнее. На моем скриншоте в стартовом посте вроде бы очень наглядно показано.

Важное условие: ячейка таблицы должна быть способна включать в себя несколько абзацев или даже другую, маленькую таблицу.

Или вам еще и обоюдное преобразование нужно?

Тут я не понял.

Deleted ()
Ответ на: комментарий от Zmicier

И должна быть поддержка действий с этими таблицами, естественно. Опять же, как в Ворде. Взял, добавил столбец, или удалил строку, или выделил несколько ячеек и объединил их.

Deleted ()
Ответ на: комментарий от Deleted

Внезапно ты тему с песнями удалил. Вот, держи.

<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Songs.html</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <main id="app">
    <article>
      <p v-if="current !== null">
        {{ songs[current].text }}
      </p>
    </article>
    <aside>
      <ul>
        <li v-for="(song, key) in songs" :key="key" @click="current = key">
          {{ song.name }}
        </li>
      </ul>
    </aside>
  </main>
  <script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
  <script>
  new Vue({
    el: '#app',
    data: {
      songs: [
        { name: 'Название1.mp3', text: 'Текст песни 1' },
        { name: 'Название2.mp3', text: 'Текст песни 2' },
        { name: 'Название3.mp3', text: 'Текст песни 3' },
        { name: 'Название4.mp3', text: 'Текст песни 4' },
        { name: 'Название5.mp3', text: 'Текст песни 5' },
        { name: 'Название6.mp3', text: 'Текст песни 6' },
        { name: 'Название7.mp3', text: 'Текст песни 7' },
        { name: 'Название8.mp3', text: 'Текст песни 8' },
        { name: 'Название9.mp3', text: 'Текст песни 9' }
      ],
      current: null
    }
  })
  </script>
  <style>
    #app {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      color: #777;
    }
    #app > * {
      flex-basis: 50%;
    }
    article {
      order: 1;
      padding: 10px;
      text-align: center;
    }
    ul {
      list-style: none;
    }
    li {
      padding: 5px;
      margin: 5px 0;
      cursor: pointer;
      transition: color .3s;
      box-shadow: 0 0 2px 0 #ddd;
    }
    li:hover {
      color: #50f840;
    }
  </style>
</body>
</html>

ddidwyll ★★ ()
Ответ на: комментарий от ddidwyll

Ого, спасибо большое!

Там тема провисела всего пару минут, я думал, ее даже не видел никто.

Я вчера решил начать делать самостоятельно, вместо того чтобы спрашивать, а тут сегодня неожиданно твой ответ, запощенный в другой ветке.

Офигеть, такая неожиданная помощь вообще редко встречается)

Мне это сэкономит время, конечно.

Deleted ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.