Re: WYSIWYG-редактор для простых HTML-вставок
От: Михаил Романов Удмуртия https://mihailromanov.wordpress.com/
Дата: 22.01.20 03:01
Оценка: 13 (2) +1
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Существуют ли WYSIWYG-редакторы для самых базовых (параграф, выделение шрифта, список, простая таблица, ссылка, изображение и т.п.) вариантов HTML-кода? Чтобы можно было делать там независимые (основной текст, меню, врезки, пояснения) части страницы, собирая их вместе хоть ручной склейкой, хоть SSI/include?


Не очень уверен, но вдруг вам подойдет...
Взгляните на http://openlivewriter.org/ (Бывший Windows Live Writer).
Вообще, конечно, это в первую очередь редактор постов в блогах, но:
— основной является HTML
— он поддерживает создание не только постов, но отдельных страниц

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

Ну и да, увы — багов хватает а разработка заброшена (народ там даже патчи шлет, а толку — нет)
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: Михaил  
Дата: 21.01.20 01:55
Оценка: 12 (1)
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Здравствуйте, Евгений Музыченко, Вы писали:


ЕМ>>Существуют ли WYSIWYG-редакторы для самых базовых (параграф, выделение шрифта, список, простая таблица, ссылка, изображение и т.п.) вариантов HTML-кода?


ЕМ>Если уж с WYSIWYG-редакторами все так плохо, то на что имеет смысл посмотреть из локального (под винду), где можно редактировать исходник HTML с автоформатом (например, обернул фрагмент в div/section/article — оно автоматом сделало отступы), и чтобы в параллельном окне (без специального переключения туда-сюда) оперативно отображался результат?


Посмотрите vscode с плагином, например,
Re: WYSIWYG-редактор для простых HTML-вставок
От: L_G Россия  
Дата: 25.01.20 13:33
Оценка: 9 (1)
Евгений Музыченко,
в старой коллекции ссылок нашелся этот ActiveX-компонент (позиционируется как предназначенный для написания десктопных CMS):
http://xstandard.com
пока еще жив. версия Lite бесплатна в т.ч. для коммерческого применения.
насколько разобрался, на выходе выдаёт как раз фрагменты HTML.
особенность: на тулбаре вместо кнопок типа Bold/Italic/Underscore — выбор стиля из одного комбобокса.
Каша в голове — пища для ума (с)
Re[4]: WYSIWYG-редактор для простых HTML-вставок
От: c-smile Канада http://terrainformatica.com
Дата: 21.01.20 17:21
Оценка: 8 (1)
Здравствуйте, Михaил, Вы писали:

М>Здравствуйте, c-smile, Вы писали:


М>Полагаю, это сделано для редких тегов, вроде pre. Верстальщикам же совершенно побоку, сколько пробелов между откр и закр тегами, пока верстка не сползает.


pre отличается от, скажем, div одним единственным правилом pre { white-space:pre; }.

Т.е. надо не забывать что к HTML может применяться CSS.

Даже и без white-space:pre; наличие пробела(ов) может по разному обрабытваться для разных display моделей.

<html>
    <head>
        <title>Test</title>
        <style>
section.a div { background: red; width:max-content; }
section.b span { background: red;  }
        </style>
    </head>
    <body>

      <section class=a>foo<div> bar </div>zop</section>
      <section class=b>foo<span> bar </span>zop</section>

    </body>
</html>


Ну и вот по теме:
https://medium.com/@patrickbrosset/when-does-white-space-matter-in-html-b90e8a7cdd33
Re[6]: WYSIWYG-редактор для простых HTML-вставок
От: Carc Россия http://www.amlpages.com/home.php
Дата: 23.01.20 17:11
Оценка: 6 (1)
Здравствуйте, Ops, Вы писали:

Ops>Здравствуйте, Carc, Вы писали:


C>>Есть еще такая штука как HippoEdit.

Но для пользователей из стран бывшего СССР,… … …, программа бесплатна.

Правда, там есть фраза "для некоммерческого использования" — но что там подразумевается впрямую не особо расшифровывается.
У меня бесплатная, у автора претензий никаких нет. Но я с ним в онлайне наверное уже лет 10 общаюсь, а может и боле. Физически он по-моему в Германии сейчас. Но сам по себе он самый настоящий, натуральный такой Soviet Union.
Он и здесь иногда мелькает. Но я давно его не видел. Больше по Facebook`у если только…

Так что можно впрямую спросить — можно бесплатно или все-таки нет?
Aml Pages Home
Re[5]: WYSIWYG-редактор для простых HTML-вставок
От: vsb Казахстан  
Дата: 21.01.20 19:03
Оценка: 4 (1)
Самое противное это код вида <span>bla</span><span>bla</span>. Тут нет пробела между тегами, поэтому всё хорошо. Добавляешь пробел и элементы расползаются на 8 пикселей (в зависимости от размера шрифта) и фиг что с этим сделаешь. Часто в меню вылазит такое. Поэтому порой приходится писать код
<div>
   ...
</div><div>
   ...
</div>
Re[4]: WYSIWYG-редактор для простых HTML-вставок
От: Михaил  
Дата: 21.01.20 16:29
Оценка: +1
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Здравствуйте, Михaил, Вы писали:


М>>Посмотрите vscode с плагином, например,


ЕМ>Спасибо, смотрю. Какой-то этот VS Code убогий — удивительно, почему от него все фанатеют. Очевидно, в основном потому, что бесплатный. На маленький HTML-файл насоздавал аж семь процессов. Как номера строк отключить — навскидку не поймешь, эта зона на правый клик не реагирует. То же самое — с полосой макронавигации справа, где в уменьшенном виде отображается текст. Превьюшка отобразилась в виде полоски шириной в полсантиметра на самом правом краю, расширить ее никак не удается (там нигде не видно зоны для зацепа курсором). В общем, очередное поделие альтернативно одаренных для себе подобных. Пойду изучать описание, чтобы понять, как это чудо управляется.


Это ссылка на один из плагинов который вылез в поиске, достаточно старый. Этих html live превьюверов много:

Open the Extensions view (⇧⌘X) and search on 'live preview' or 'html preview' to see a list of available HTML preview extensions.


Мне vscode нравится тем, что очень хорошо заточен под web разработку (есть хорошие плагины для автоформата html кода, всякие автоподсказчики при работе с css/js (например, цвета), python) и, вроде как, не тормозит, в отличие от java сред типа pycharm. Могу ошибаться, но по моим представлениям, vscode это де факто стандарт сейчас для верстки, соответственно под него пишется много плагинов именно для этих задач.
Если очень хочется минимализма, попробуйте Sublime и плагины, которые на лету обновляют окно браузера с результатами вашего html кода (или можете даже самостоятельно написать — там достаточно простой Python API)
Re[3]: WYSIWYG-редактор для простых HTML-вставок
От: Михаил Романов Удмуртия https://mihailromanov.wordpress.com/
Дата: 22.01.20 09:16
Оценка: +1
Здравствуйте, bnk, Вы писали:

bnk>я думал Windows live writer помер а оказалось есть форк. Надо бы попробовать.

Увы, скорее всё же помер...
Посмотрите на репозиторий — там тишина, куча issue, даже несколько MR есть — но всё уже несколько лет висит без движения.
А так действительно очень приятный был редактор...
WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 16.01.20 16:52
Оценка:
Существуют ли WYSIWYG-редакторы для самых базовых (параграф, выделение шрифта, список, простая таблица, ссылка, изображение и т.п.) вариантов HTML-кода? Чтобы можно было делать там независимые (основной текст, меню, врезки, пояснения) части страницы, собирая их вместе хоть ручной склейкой, хоть SSI/include?

Желательно, чтобы на выходе получались просто фрагменты HTML-кода, без тэгов html/body, метаинформации и прочего.

Как вообще принято делать страницы, на которых отображается несколько независимых (например, разложенных по div) частей?
html wysiwyg div meta
Re: WYSIWYG-редактор для простых HTML-вставок
От: bnk СССР http://unmanagedvisio.com/
Дата: 16.01.20 17:24
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Существуют ли WYSIWYG-редакторы для самых базовых (параграф, выделение шрифта, список, простая таблица, ссылка, изображение и т.п.) вариантов HTML-кода? Чтобы можно было делать там независимые (основной текст, меню, врезки, пояснения) части страницы, собирая их вместе хоть ручной склейкой, хоть SSI/include?


ЕМ>Желательно, чтобы на выходе получались просто фрагменты HTML-кода, без тэгов html/body, метаинформации и прочего.



https://html-notepad.com/ ?
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 16.01.20 18:51
Оценка:
Здравствуйте, bnk, Вы писали:

bnk>https://html-notepad.com/ ?


Спасибо, попробовал. Но навскидку он ничем не лучше FrontPage 2000, которым я пока пользуюсь, а местами и хуже. Он также не может работать с "голым" HTML-кодом (без html/body), а в полных HTML-документах, в отличие от FP, не понимает CSS. Ну и глючноват.
Re[3]: WYSIWYG-редактор для простых HTML-вставок
От: Marty Пират https://www.youtube.com/channel/UChp5PpQ6T4-93HbNF-8vSYg
Дата: 16.01.20 19:55
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Он также не может работать с "голым" HTML-кодом (без html/body)


А в чем проблема? Редактируй фрагменты, как полные документы, а потом собирай свой, вырезая только нужные части
Маньяк Робокряк колесит по городу
Re[4]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 16.01.20 21:12
Оценка:
Здравствуйте, Marty, Вы писали:

M>А в чем проблема? Редактируй фрагменты, как полные документы, а потом собирай свой, вырезая только нужные части


Проблема в обилии лишних телодвижений. Я думал наделать фрагментов в виде голого кода, а в файлах страниц наставить SSI/include, чтобы при перезагрузке страницы в браузере она сразу собиралась в готовом виде. А с предложенным подходом придется и по два файла держать для каждого фрагмента, и после каждой правки запускать руками скрипт для преобразования. Для эпизодических правок это еще туда-сюда, но мне еще нужно придумать дизайн и раскладку, а я не настоящий сварщикдизайнер, поэтому итераций потребуются сотни.
Re: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 20.01.20 17:44
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Существуют ли WYSIWYG-редакторы для самых базовых (параграф, выделение шрифта, список, простая таблица, ссылка, изображение и т.п.) вариантов HTML-кода?


Если уж с WYSIWYG-редакторами все так плохо, то на что имеет смысл посмотреть из локального (под винду), где можно редактировать исходник HTML с автоформатом (например, обернул фрагмент в div/section/article — оно автоматом сделало отступы), и чтобы в параллельном окне (без специального переключения туда-сюда) оперативно отображался результат?
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: c-smile Канада http://terrainformatica.com
Дата: 21.01.20 00:53
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Если уж с WYSIWYG-редакторами все так плохо, то на что имеет смысл посмотреть из локального (под винду), где можно редактировать исходник HTML с автоформатом (например, обернул фрагмент в div/section/article — оно автоматом сделало отступы), и чтобы в параллельном окне (без специального переключения туда-сюда) оперативно отображался результат?


В обшем случае пробелы в HTML являются значимыми.

Т.е. если в C это вот:

int v;
int     v;


одно и то же и результатом будет один и тот же код, то в HTML
<section>
  v
</section>

и
<section>
      v
</section>

будут два разных DOM.

Поэтому auto indentation для HTML это вещь в себе.
Re[3]: WYSIWYG-редактор для простых HTML-вставок
От: Михaил  
Дата: 21.01.20 01:59
Оценка:
Здравствуйте, c-smile, Вы писали:


CS>В обшем случае пробелы в HTML являются значимыми.



CS>Поэтому auto indentation для HTML это вещь в себе.


Полагаю, это сделано для редких тегов, вроде pre. Верстальщикам же совершенно побоку, сколько пробелов между откр и закр тегами, пока верстка не сползает.
Отредактировано 21.01.2020 21:54 Михaил . Предыдущая версия .
Re[3]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 21.01.20 08:05
Оценка:
Здравствуйте, c-smile, Вы писали:

CS>В обшем случае пробелы в HTML являются значимыми.


Они имеют значение только в отдельных и редко используемых тэгах, о чем уже упомянули. Изрядное количество (если вообще не большинство) страниц успешно использует отступы.

По сути, отступы не нужны при наличии нормального WYSIWYG-редактора. Но с ними все почему-то очень странно, а работать с HTML без выравнивания очень некомфортно.
Re[3]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 21.01.20 12:12
Оценка:
Здравствуйте, Михaил, Вы писали:

М>Посмотрите vscode с плагином, например,


Спасибо, смотрю. Какой-то этот VS Code убогий — удивительно, почему от него все фанатеют. Очевидно, в основном потому, что бесплатный. На маленький HTML-файл насоздавал аж семь процессов. Как номера строк отключить — навскидку не поймешь, эта зона на правый клик не реагирует. То же самое — с полосой макронавигации справа, где в уменьшенном виде отображается текст. Превьюшка отобразилась в виде полоски шириной в полсантиметра на самом правом краю, расширить ее никак не удается (там нигде не видно зоны для зацепа курсором). В общем, очередное поделие альтернативно одаренных для себе подобных. Пойду изучать описание, чтобы понять, как это чудо управляется.
Re[5]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 21.01.20 18:39
Оценка:
Здравствуйте, c-smile, Вы писали:

CS>Т.е. надо не забывать что к HTML может применяться CSS.

CS>Даже и без white-space:pre; наличие пробела(ов) может по разному обрабытваться для разных display моделей.

А в чем, собственно, проблема? Если кто-то генерирует HTML-код инструментами, и не трогает его руками, никакого дополнительного форматирования в коде не появится. Если же приходится работать с кодом вручную, то нет смысла использовать приемы, которым форматирование мешает. И задачей правильного редактора является полная управляемость форматирования.
Re[6]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 21.01.20 19:17
Оценка:
Здравствуйте, vsb, Вы писали:

vsb>Самое противное это код вида <span>bla</span><span>bla</span>. Тут нет пробела между тегами, поэтому всё хорошо. Добавляешь пробел и элементы расползаются


А для чего может потребоваться использовать именно span (потоковый тэг), но оформлять им элементы, которые непременно должны стоять вплотную?
Re[7]: WYSIWYG-редактор для простых HTML-вставок
От: vsb Казахстан  
Дата: 21.01.20 19:29
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

vsb>>Самое противное это код вида <span>bla</span><span>bla</span>. Тут нет пробела между тегами, поэтому всё хорошо. Добавляешь пробел и элементы расползаются


ЕМ>А для чего может потребоваться использовать именно span (потоковый тэг), но оформлять им элементы, которые непременно должны стоять вплотную?


Да без разницы, какой тег. Обычно это вообще li (т.к. меню принято оформлять через ul почему-то). Ну вот меню делаешь горизонтальное. Тебе надо, чтобы каждый прямоугольник шёл один за другим без разрывов. Самый простой способ это сделать это поставить display: inline-block и сделать так, чтобы в разметке между ними не было пробелов. С пробелами есть разные способы их убрать, но все они несут свои минусы, например можно проставить этим прямоугольникам float: left (или right), но тогда они могут порядок менять ну и вообще немного нестандартно реагировать. Можно проставить родительскому элементу font-size 0, тогда пробел будет нулевой ширины и не отобразится, но это вообще каким-то хаком мне кажется.

Возможно решается новомодными лэйаутами вроде flex или grid, но я в них не очень разбираюсь и лепить такое просто для меню, имхо, как-то оверкил.
Отредактировано 21.01.2020 19:30 vsb . Предыдущая версия .
Re[5]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 21.01.20 19:51
Оценка:
Здравствуйте, Михaил, Вы писали:

М>Это ссылка на один из плагинов который вылез в поиске, достаточно старый.


Так он вроде самый популярный, судя по количеству установок. И я пока не понял, должен ли он использовать для отображения какую-то стандартную панель, которую создает сам редактор, или же плагин самостоятельно мухлюет с выделением пространства в окне и отображением панели, и нормально работает только в определенных версиях редактора (у меня 1.41.1).

М>Этих html live превьюверов много


То есть, каждый сам перебирает все, и ищет наименее глючный?

М>Мне vscode нравится тем, что очень хорошо заточен под web разработку (есть хорошие плагины для автоформата html кода, всякие автоподсказчики при работе с css/js (например, цвета)


А есть где-нибудь список наиболее популярных/стабильных плагинов для статической верстки, чтобы не ходить по граблям самостоятельно?

М>Если очень хочется минимализма, попробуйте Sublime и плагины, которые на лету обновляют окно браузера с результатами вашего html кода


Да у Sublime тоже минимализм какой-то странный — все на клавиатурных комбинациях, для фанатов...
Re[8]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 21.01.20 21:07
Оценка:
Здравствуйте, vsb, Вы писали:

vsb>Тебе надо, чтобы каждый прямоугольник шёл один за другим без разрывов. Самый простой способ это сделать это поставить display: inline-block и сделать так, чтобы в разметке между ними не было пробелов. С пробелами есть разные способы их убрать


Блин. Мне пока нигде не требовалось отображать слепленные элементы, поэтому я просто был не в курсе этих тонкостей. Я потому удивился, что вчера и сегодня днем как раз игрался с выравниванием контейнеров в онлайн-редакторе w3schools.com, и у меня там элементы, выводимые в режиме inline-block, получались слепленными вплотную, без промежутков, хотя определены они были каждый в своем div на отдельной строке. И я точно помню, что никаких трюков я там не использовал, даже float, и искренне считал, что так оно и надо. А сейчас попытался воспроизвести — получается только с промежутками.

Если высота элементов, которые нужно вывести без промежутков, одинакова, то проще всего, наверное, выводить в режиме table-cell. Оно вроде как даже не требует контейнера с режимом table, но я в разных браузерах не проверял.
Re[6]: WYSIWYG-редактор для простых HTML-вставок
От: Михaил  
Дата: 21.01.20 21:53
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:


ЕМ>То есть, каждый сам перебирает все, и ищет наименее глючный?


Похоже на то. Или пишут под себя — там все на JS или typescript, веб разработчикам не привыкать).

ЕМ>А есть где-нибудь список наиболее популярных/стабильных плагинов для статической верстки, чтобы не ходить по граблям самостоятельно?


Тут не подскажу, сам недавно занялся вебом.

ЕМ>Да у Sublime тоже минимализм какой-то странный — все на клавиатурных комбинациях, для фанатов...


Из редакторов есть еще Atom, говорят, неплохой. Возможно лучше зайдет, чем sublime.
Отредактировано 21.01.2020 22:05 Михaил . Предыдущая версия .
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: bnk СССР http://unmanagedvisio.com/
Дата: 22.01.20 08:49
Оценка:
Здравствуйте, Михаил Романов, Вы писали:

МР>Не очень уверен, но вдруг вам подойдет...

МР>Взгляните на http://openlivewriter.org/ (Бывший Windows Live Writer).
МР>Вообще, конечно, это в первую очередь редактор постов в блогах, но:
МР>- основной является HTML
МР>- он поддерживает создание не только постов, но отдельных страниц

МР>Единственное, я не помню, может ли он работать без блог-аккаунта вообще (он привязывается к аккунту для постинга и забирания темы).


МР>Ну и да, увы — багов хватает а разработка заброшена (народ там даже патчи шлет, а толку — нет)


я думал Windows live writer помер а оказалось есть форк. Надо бы попробовать.
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 22.01.20 09:02
Оценка:
Здравствуйте, Михаил Романов, Вы писали:

МР>не помню, может ли он работать без блог-аккаунта вообще


Судя по всему, не может (установщик требует ввода реквизитов, и без них дальше не идет).
Re[3]: WYSIWYG-редактор для простых HTML-вставок
От: Михаил Романов Удмуртия https://mihailromanov.wordpress.com/
Дата: 22.01.20 09:18
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Судя по всему, не может (установщик требует ввода реквизитов, и без них дальше не идет).

Вероятно, ему нужно хотя бы какую-то тему иметь, чтобы превью показывать.
Понимаю, что время тратить не хочется, но я бы попробовал завести бесплатный аккаунт хотябы на том же wordpress (только спамеры еще те...) или на какой-то аналогичной поддерживаемой площадке и всё же посмотрел бы...
Мне в свое время показалось, что продукт как редактор — очень достойный.

Но... не факт, конечно, что подойдет вам.
Re: WYSIWYG-редактор для простых HTML-вставок
От: Carc Россия http://www.amlpages.com/home.php
Дата: 22.01.20 09:34
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Существуют ли WYSIWYG-редакторы для самых базовых (параграф, выделение шрифта, список, простая таблица, ссылка, изображение и т.п.) вариантов HTML-кода? Чтобы можно было делать там независимые (основной текст, меню, врезки, пояснения) части страницы, собирая их вместе хоть ручной склейкой, хоть SSI/include?

HTML Notepad от автора Sciter и HTMLayoutc-smile.

А еще у c-smile был фришный предшественник HTML Notepad — BlockNote.Net. Вполне удобен был, что бы по быстрому "рыбу" набросать, а потом до ума довести в каком-нить простом редакторе вроде стандартного блокнота для Винды. Но там с того сайта, по ходу, редирект на новый HTML Notepad стоит…

ЕМ>Желательно, чтобы на выходе получались просто фрагменты HTML-кода, без тэгов html/body, метаинформации и прочего.

ЕМ>Как вообще принято делать страницы, на которых отображается несколько независимых (например, разложенных по div) частей?

Ну я так и делал. Потом просто выдирал в Блокноте Windows само содержимое BODY, ну и уже доводил ручками до ума сам.
Aml Pages Home
Отредактировано 22.01.2020 9:35 Carc . Предыдущая версия .
Re[4]: WYSIWYG-редактор для простых HTML-вставок
От: Carc Россия http://www.amlpages.com/home.php
Дата: 22.01.20 09:45
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Спасибо, смотрю. Какой-то этот VS Code убогий — удивительно, почему от него все фанатеют. Очевидно, в основном потому, что бесплатный. На маленький HTML-файл насоздавал аж семь процессов. Как номера строк отключить — навскидку не поймешь, эта зона на правый клик не реагирует.…

Есть еще такая штука как HippoEdit.
Скрипты в нем править одно удовольствие.

А HTML`ом впрямую я так и не пробовал в HippoEdit, да не особо нужно было, ибо для этого я себе собственный тул изваял (превью двусвязное: правим в WYSIWYG, ниже обновляется код HTML`а. И наоборот: правим код HTML в нижней панели — обновляется верхняя WYSIWYG).

Но имхо, в HippoEdit и превью какое-то можно было приделать для HTML`а…
Aml Pages Home
Re: WYSIWYG-редактор для простых HTML-вставок
От: Masterspline  
Дата: 22.01.20 12:18
Оценка:
Как тебе такой сценарий (редактировать страницу сразу в браузере, а затем изменения переносить в SSI):

В браузере открываешь свою страницу, заходишь в инструменты для разработчика и редактируешь ее. В Chromium у меня это F12->elements->правой кнопкой на нужном теге "Edit as HTML". Теги писать и редактировать придется вручную, но все изменения ты увидишь сразу в браузере. IMHO, делать верстку HTML без знания тегов все равно не получится и с ними разобраться для не супер сложной верстки довольно просто. Затем, правда все изменения придется переносить вручную в фрагменты для SSI, ну, так у тебя, похоже по-другому и не получится. Если ты решил редактировать отдельные фрагменты (а не в составе страницы), то я вообще не верю, что это работоспособно (в смысле, когда соберешь страницу целиком обязательно что-то будет выглядеть не так, как если элемент единственный на странице, да и всякие выравнивания элементов относительно друг друга нужно делать со всеми элементами на странице).

Впрочем, возможно, я не так понял твою задачу.
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: Carc Россия http://www.amlpages.com/home.php
Дата: 22.01.20 13:37
Оценка:
Здравствуйте, Masterspline, Вы писали:

M>Как тебе такой сценарий (редактировать страницу сразу в браузере, а затем изменения переносить в SSI):

Если уже речь про SSI, то стоит посмотреть на Денвер.
Профит…
Aml Pages Home
Отредактировано 22.01.2020 13:38 Carc . Предыдущая версия .
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 22.01.20 21:27
Оценка:
Здравствуйте, Carc, Вы писали:

C>HTML Notepad


Его уже советовали, я пробовал. Он не работает с независимыми HTML-фрагментами — только с полными файлами. То есть, нужно держать два комплекта файлов: полные исходники и вырезанные фрагменты, и после каждого редактирования повторять вырезку/копирование.

C>Ну я так и делал. Потом просто выдирал в Блокноте Windows само содержимое BODY, ну и уже доводил ручками до ума сам.


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

Пока, на протяжении многих лет, мне самым удобным оказался FrontPage 2000 — даже FP 2003 менее удобен. Но с повсеместным внедрением HTML5 в нем стало совсем неудобно, он не понимает почти ничего из современного HTML, и вдобавок в нем не очень удобно править HTML-исходник. Была надежда на Design Mode в Visual Studio, но там мне вообще не удалось увидеть, как оно работает — в одних версиях этот режим тупо виснет, а в других его и вовсе нет.
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 22.01.20 21:41
Оценка:
Здравствуйте, Masterspline, Вы писали:

M>Если ты решил редактировать отдельные фрагменты (а не в составе страницы), то я вообще не верю, что это работоспособно (в смысле, когда соберешь страницу целиком обязательно что-то будет выглядеть не так


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

Как вариант, можно было бы делать фрагменты в MarkDown — оно хоть значительно больше похоже на конечный вид — и преобразовывать в HTML-код.
Re[3]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 22.01.20 21:46
Оценка:
Здравствуйте, Carc, Вы писали:

C>Если уже речь про SSI, то стоит посмотреть на Денвер.


Локальный Apache 2.4 у меня и так стоит, на нем все и отлаживаю. PHP пока активно не использую (отсюда и стремление обойтись SSI), поэтому локально его не ставил.

В Денвер, как я вижу, Apache 2.2 — не окажется ли так, что он не поддерживает каких-то возможностей .htaccess, которыми я активно пользуюсь?
Re[4]: WYSIWYG-редактор для простых HTML-вставок
От: Carc Россия http://www.amlpages.com/home.php
Дата: 22.01.20 22:08
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:


ЕМ>В Денвер, как я вижу, Apache 2.2 — не окажется ли так, что он не поддерживает каких-то возможностей .htaccess, которыми я активно пользуюсь?

Та не… .htaccess Денвер вполне поддерживает. Всё нормально.
Aml Pages Home
Re[5]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 22.01.20 22:14
Оценка:
Здравствуйте, Carc, Вы писали:

C>.htaccess Денвер вполне поддерживает.


Поддерживает не Денвер, а Apache, который в туем Денвере содержится. А в процессе копания в директивах .htaccess мне несколько раз попадались упоминания о поддержке только с 2.4, и не помню, какие из них у меня используются.

Денвер чем-то лучше, чем отдельно Apache+PHP? Если не использовать остального, что входит в Денвер, разумеется.
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 23.01.20 11:07
Оценка:
Здравствуйте, Masterspline, Вы писали:

M>Как тебе такой сценарий (редактировать страницу сразу в браузере, а затем изменения переносить в SSI)


Пробовал — слишком убого. Там ни файл напрямую сохранить, ни даже окошко редактирования растянуть. А для просмотра изменений нужно это окошко закрыть. Коли уж все равно туда-сюда дергать, то лучше уж более кошерный файловый редактор голого HTML с preview, внешним или встроенным.
Re[5]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 23.01.20 12:24
Оценка:
Здравствуйте, Михaил, Вы писали:

М>Мне vscode нравится тем, что очень хорошо заточен под web разработку (есть хорошие плагины для автоформата html кода, всякие автоподсказчики при работе с css/js (например, цвета), python)


И что, все это совсем не глючит? Вот я попробовал три разных плагина для Live Preview — один не может создать вкладку (что-то очень мелкое рисует в углу, туда не подберешься), второй регулярно перестает отображать изменения стилей, пока не закроешь вкладку и не откроешь снова, третий вообще отображает так, будто никакие стили не определены вообще.

Как с этими убогими поделиями люди работают регулярно — ума не приложу.
Re[3]: WYSIWYG-редактор для простых HTML-вставок
От: Carc Россия http://www.amlpages.com/home.php
Дата: 23.01.20 12:31
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Пробовал — слишком убого. Там ни файл напрямую сохранить, ни даже окошко редактирования растянуть. А для просмотра изменений нужно это окошко закрыть. Коли уж все равно туда-сюда дергать, то лучше уж более кошерный файловый редактор голого HTML с preview, внешним или встроенным.

За то время, что проходит сия дискуссия («этот стон у них песней зовется» © ), а тянется она уже давно — почти с неделю, то уж точно можно было свой собственный редактор написать…

Там работы то… на два-три дня.

Существуют ли WYSIWYG-редакторы для самых базовых (параграф, выделение шрифта, список, простая таблица, ссылка, изображение и т.п.) вариантов HTML-кода?

Чего там реализовывать!?! И всё было бы под полным контролем. Чего понадобится со временем, то со временем и приделаешь!?!
Aml Pages Home
Re[4]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 23.01.20 12:43
Оценка:
Здравствуйте, Carc, Вы писали:

C>За то время, что проходит сия дискуссия («этот стон у них песней зовется» © ), а тянется она уже давно — почти с неделю, то уж точно можно было свой собственный редактор написать…


Не знаю, как другие, а я эту неделю не потратил целиком на ведение дискуссии. А за время, потраченное на написание ответов, редактор сделать невозможно.

C>Там работы то… на два-три дня.


На два-три — это на коленке сляпать, чтобы потом еще неделю-две натыкаться на баги/недоработки, все бросать и доделывать. А на привычном FrontPage я, хоть и с матами, но могу делать то, что сейчас нужно.
Re[4]: WYSIWYG-редактор для простых HTML-вставок
От: Ops Россия  
Дата: 23.01.20 16:37
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Спасибо, смотрю. Какой-то этот VS Code убогий — удивительно, почему от него все фанатеют. Очевидно, в основном потому, что бесплатный. На маленький HTML-файл насоздавал аж семь процессов. Как номера строк отключить — навскидку не поймешь, эта зона на правый клик не реагирует. То же самое — с полосой макронавигации справа, где в уменьшенном виде отображается текст. Превьюшка отобразилась в виде полоски шириной в полсантиметра на самом правом краю, расширить ее никак не удается (там нигде не видно зоны для зацепа курсором). В общем, очередное поделие альтернативно одаренных для себе подобных. Пойду изучать описание, чтобы понять, как это чудо управляется.


Это ты его ранний не застал, там практически все исключительно через текстовые конфиги настраивалось. А фанаты поперли как раз в те времена.
Переубедить Вас, к сожалению, мне не удастся, поэтому сразу перейду к оскорблениям.
Re[5]: WYSIWYG-редактор для простых HTML-вставок
От: Ops Россия  
Дата: 23.01.20 16:43
Оценка:
Здравствуйте, Carc, Вы писали:

C>Есть еще такая штука как HippoEdit.


Че-то как-то круто, по цене почти вебсторм (для него есть уловка, дающая 30 или 40% скидку при покупке)
Переубедить Вас, к сожалению, мне не удастся, поэтому сразу перейду к оскорблениям.
Re[5]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 23.01.20 17:23
Оценка:
Здравствуйте, Ops, Вы писали:

Ops>Это ты его ранний не застал, там практически все исключительно через текстовые конфиги настраивалось. А фанаты поперли как раз в те времена.


Отчего фанатели хоть? Там есть что-то уникальное? Или на сам факт халявы от MS повелись?
Re[7]: WYSIWYG-редактор для простых HTML-вставок
От: Ops Россия  
Дата: 23.01.20 18:30
Оценка:
Здравствуйте, Carc, Вы писали:

C>

C>

Но для пользователей из стран бывшего СССР,… … …, программа бесплатна.

Хех, не думал, что эта информация будет на странице скачивания.
Переубедить Вас, к сожалению, мне не удастся, поэтому сразу перейду к оскорблениям.
Re[5]: WYSIWYG-редактор для простых HTML-вставок
От: paradoks  
Дата: 24.01.20 09:34
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

что-то видимо с постановкой задачи не так...

выдирать кусок кода из целостной страницы и зачем-то его ОТДЕЛЬНО редактировать выглядит диким абсурдом
какое-то извращенное понимание визи-виг не совпадающее с обще-устоявшимся

https://www.adobe.com/ru/products/dreamweaver.html
Удобное редактирование в режиме Live View
Редактируйте свойства текстов и изображений и добавляйте классы непосредственно в режиме Live View одним щелчком мыши — и просматривайте изменения мгновенно. Больше не нужно переключаться в отдельный режим редактирования.
Re[6]: WYSIWYG-редактор для простых HTML-вставок
От: bnk СССР http://unmanagedvisio.com/
Дата: 24.01.20 10:05
Оценка:
Здравствуйте, paradoks, Вы писали:


P>выдирать кусок кода из целостной страницы и зачем-то его ОТДЕЛЬНО редактировать выглядит диким абсурдом

P>какое-то извращенное понимание визи-виг не совпадающее с обще-устоявшимся

Он же сайт на SSI (server-side-include) переделывает, CMS типа вордпресс — это для хипстеров.
Re[5]: WYSIWYG-редактор для простых HTML-вставок
От: Carc Россия http://www.amlpages.com/home.php
Дата: 24.01.20 15:13
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>Здравствуйте, Carc, Вы писали:


C>>За то время, что проходит сия дискуссия («этот стон у них песней зовется» © ), а тянется она уже давно — почти с неделю, то уж точно можно было свой собственный редактор написать…


ЕМ>Не знаю, как другие, а я эту неделю не потратил целиком на ведение дискуссии. А за время, потраченное на написание ответов, Ответов?

По моему, у Вас как раз только вопросы были, а ответов как раз нет…
Вот это вот «шо»?

Существуют ли WYSIWYG-редакторы для самых базовых (параграф, выделение шрифта, список, простая таблица, ссылка, изображение и т.п.) вариантов HTML-кода?


ЕМ>редактор сделать невозможно.

Та ну!?! "А мужики то и не знают…" ©.
А Вы попробуйте… Я для своей тулзы "рыбу" редактора наваял аккурат за недельку в свободное время. Остальное время заняли доработки\переделки\research всякий, но делалось постепенно, по мере надобности и свободного времени.
У Вас же достаточно короткий список требований, судя по первому посту. Ну дык с него и начать, а там видно будет…
Aml Pages Home
Отредактировано 24.01.2020 15:14 Carc . Предыдущая версия .
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 25.01.20 19:17
Оценка:
Здравствуйте, L_G, Вы писали:

L_G>http://xstandard.com


Спасибо, но не понравилось. Оно работает только в IE и старых браузерах, поддерживающих OCX-плагины. Создает маленькое, не растягиваемое окошко редактирования (возможно, это ограничение Lite-версии). Не поддерживает загрузки/сохранения файлов — код нужно таскать туда-сюда руками. И периодически вешает браузер.
Re[3]: WYSIWYG-редактор для простых HTML-вставок
От: L_G Россия  
Дата: 26.01.20 19:30
Оценка:
ЕМ>Оно работает только в IE и старых браузерах, поддерживающих OCX-плагины.

Я имел в виду вариант встраивания его в своё десктопное приложение (или написание нового, которое будет минимальной оболочкой для OCX).
(Про возможность его работы в браузерах даже забыл.)
Есть кое-какая документация, например:
http://xstandard.com/en/documentation/xstandard-dev-guide/app-integration/vs-net/
Каша в голове — пища для ума (с)
Отредактировано 26.01.2020 19:33 L_G . Предыдущая версия .
Re: WYSIWYG-редактор для простых HTML-вставок
От: Ватакуси Россия  
Дата: 23.02.20 10:51
Оценка:
Здравствуйте, Евгений Музыченко, Вы писали:
summernote уже смотрели?
Все будет Украина!
Re[2]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 09.03.20 12:16
Оценка:
Здравствуйте, Ватакуси, Вы писали:

В>summernote уже смотрели?


Спасибо, посмотрел на сайте — вроде годится. Только не понял, можно ли скачанный пакет запустить локально под виндой, или его нужно непременно встраивать в свой собственный код.
Re[3]: WYSIWYG-редактор для простых HTML-вставок
От: Ватакуси Россия  
Дата: 09.03.20 12:18
Оценка:
В>>summernote уже смотрели?

ЕМ>Спасибо, посмотрел на сайте — вроде годится. Только не понял, можно ли скачанный пакет запустить локально под виндой, или его нужно непременно встраивать в свой собственный код.


Можно локально, в обычном обозревателе.
Свой код выглядит как HTML из 10 строк (см. примеры).
Все будет Украина!
Re[7]: WYSIWYG-редактор для простых HTML-вставок
От: Carc Россия http://www.amlpages.com/home.php
Дата: 07.05.20 10:07
Оценка:
Здравствуйте, Carc, Вы писали:

C>Здравствуйте, Ops, Вы писали:


Ops>>Здравствуйте, Carc, Вы писали:


C>>>Есть еще такая штука как HippoEdit.

[skip]
C>Так что можно впрямую спросить — можно бесплатно или все-таки нет?

Не сочтите за рекламу, но сегодня (7 мая 2020 г.) вышеупомянутый HippoEdit раздается бесплатно на Giveawayoftheday
Можно попробовать, а там кому надо — видно будет что да как.
Aml Pages Home
Re[8]: WYSIWYG-редактор для простых HTML-вставок
От: Евгений Музыченко Франция https://software.muzychenko.net/ru
Дата: 12.05.20 03:17
Оценка:
Здравствуйте, Carc, Вы писали:

C>сегодня (7 мая 2020 г.) вышеупомянутый HippoEdit раздается бесплатно на Giveawayoftheday


Я его скачал 7-го, а установить дошли руки только сегодня. Выяснилось, что нужно было непременно установить в тот же день, и переустановить из виртуалки на хостовую ОС тоже бы не получилось. Ну ее на фиг, такую благотворительность.
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.