ФорумРазработкаКлиентская сторонаЮзабилити интерфейсов → Посоветуйте нормальный wysiwyg

Посоветуйте нормальный wysiwyg

  • Dreamer

    Сообщения: 82 Репутация: N Группа: Адекваты

    Spritz 28 апреля 2015 г. 14:44

    В общем требования к редактору:

    • вставка из ворда с минимальными последующими правками
    • чтобы не генерил ужаса, типа:
    <ul>
       <li><p><span style="...">Hello</span><span>&ndsp;</span></p></li>
    </ul>
    
    • легкое (либо относительно легкое) редактирование заранее заготовленной html структуры
    • возможность написания произвольной html структуры
    • предпросмотр при редактировании в контексте сайта (хотелка)
    • поддержка стандартных тегов (i, blockqoute, h1, h2, strong, etc)

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

    Сейчас думаю взять ace editor, напихать туда нужных сниппетов с заготовками и обрабатывать как markdown (extra), нужный функционал допилить уже самому

  • adw0rd

    Сообщения: 22959 Репутация: N Группа: в ухо

    Spritz 28 апреля 2015 г. 14:47, спустя 2 минуты 50 секунд

    Я как-то перестал следить за wysiwyg, помню только что есть tinymce/fceditor. Подписался на тему

    https://smappi.org/ - платформа по созданию API на все случаи жизни
  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо
  • Dreamer

    Сообщения: 82 Репутация: N Группа: Адекваты

    Spritz 28 апреля 2015 г. 14:48, спустя 1 минуту 1 секунду

    @adw0rd, tinymce/fceditor как раз при вставке генерят всякий шлак, конечно это можно отключить, но тогда написанный html тоже начинает резать.

    В общем, не нравятся они мне

  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 28 апреля 2015 г. 14:52, спустя 3 минуты 50 секунд

    @Dreamer, да они оба устарели, они последние 5 лет "ничем не занимаются"/"занимаются продажами", а не развитием редактора.

    Сапожник без сапог
  • Dreamer

    Сообщения: 82 Репутация: N Группа: Адекваты

    Spritz 28 апреля 2015 г. 15:02, спустя 10 минут 9 секунд

    @phpdude, та же проблема, что и везде... При вставке:

    <p><span style="background: #ffffff;">

    Уверен атрибут style можно убрать, но левый span будет вставляться, а style будет резаться не только при вставке, но и всегда, при переключении между режимами

  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 28 апреля 2015 г. 15:05, спустя 2 минуты 20 секунд

    @Dreamer, ну у тебя и требование)

    суть в том, что этот спам может в верстке у тебя использоваться и резать его логически НУ ПИЗДЕЦ НИКАК НЕЛЬЗЯ :)

    Порежешь - сломаешь сайт

    Сапожник без сапог
  • Dreamer

    Сообщения: 82 Репутация: N Группа: Адекваты

    Spritz 28 апреля 2015 г. 15:06, спустя 1 минуту 1 секунду

    Да и само переключение между режимами считаю не правильным.

    Если верстальшик добавил какой-либо html, а контент-менеджер эту структуру не видит 100500%, будут проблемы, с тем, что эта верстка будет удаляться/меняться не правильно

    Спустя 81 сек.

    @phpdude, я про то же... но при вставке из ворда мне он (span) ну вообще никак не нужен

    Спустя 27 сек.

    ровно как и стили

    Спустя 286 сек.

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

    По этому у смотрю в сторону markdown - вставляем как plain-text - на выходе получаем нормальный html (списки всякие отлично работают), заголовки проставить - секундное дело

    Спустя 27 сек.

    Поэтому и смотрю в сторону markdown*

  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 28 апреля 2015 г. 15:13, спустя 7 минут 6 секунд

    @Dreamer, ну я тебя понял. Думаю такого готового нет. Разве что биндиться самому на paste from word и чистить стили как тебе нужно на том же jquery

    Спустя 29 сек.

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

    По этому у смотрю в сторону markdown - вставляем как plain-text - на выходе получаем нормальный html (списки всякие отлично работают), заголовки проставить - секундное дело

    @Dreamer, ну тогда понятно что тебе и не wysiwyg нужен

    Сапожник без сапог
  • Dreamer

    Сообщения: 82 Репутация: N Группа: Адекваты

    Spritz 28 апреля 2015 г. 15:15, спустя 2 минуты 24 секунды

    @phpdude, да, нужен наверное WYSIWYM

    кстати, так я еще не пробовал гуглить

  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 28 апреля 2015 г. 15:17, спустя 1 минуту 20 секунд

    @Dreamer, вон можешь заюзать чтото такое :)

    domchristie/to-markdown [github.com]

    Спустя 45 сек.

    thephpleague/html-to-markdown [github.com]

    Спустя 34 сек.

    можешь ваще по схеме

    word html => md => html :)

    Спустя 13 сек.

    и реализовать это кнопкой в wisywig любом

    Сапожник без сапог
  • Dreamer

    Сообщения: 82 Репутация: N Группа: Адекваты

    Spritz 28 апреля 2015 г. 15:19, спустя 2 минуты

    @phpdude, думаю надо напилить, что-то вроде этого

    Спустя 102 сек.

    по крайней мере, довольно блико, к тому, что нужно

  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 28 апреля 2015 г. 15:22, спустя 2 минуты 57 секунд

    да неплохой редактор

    Сапожник без сапог
  • Dreamer

    Сообщения: 82 Репутация: N Группа: Адекваты
  • phpdude

    Сообщения: 26646 Репутация: N Группа: в ухо

    Spritz 28 апреля 2015 г. 15:33, спустя 2 минуты 47 секунд

    Кстати есть порт на django

    @Dreamer, если заюзаешь - фоток кинь. любопытно

    Сапожник без сапог

Пожалуйста, авторизуйтесь, чтобы написать комментарий!