Arhn - архитектура программирования

Какой редактор WYSIWYG лучше всего подходит для сайта управления контентом?

Редактор, который мне нужен, должен быть простым в использовании. Даже для людей, абсолютно не знающих HTML

Проекты, которые я пробовал:

  1. TinyMCE
  2. ckeditor.com

Я ищу:

  1. Редактор, такой как редактор TinyMCE, с просмотром в реальном времени, как на сайте stackoverflow.
  2. Способ вставки картинок и их расположения в статье.

EDIT: лучшее решение, которое я думаю об этом прямо сейчас, это использовать:

  1. TinyMCE для редактора WYSIWYG.

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

  3. Напишите код Ajax, который будет загружать изображения на сайт, а затем редактор может расположить их в статье на основе их идентификатора/имени.

Что вы думаете о решении? Может быть, у вас есть идея получше?

wysiwyg html-editor
27.01.2010

Ответы:


1

StackOverflow использует синтаксис Markdown и Редактор WMD

Markdown — очень хороший способ создания правильного HTML, но его список функций намного короче, чем у редактора TinyMCE. Это может быть весьма полезно для ваших пользователей, если им не нужны дополнительные функции.

Другие варианты, которые вы можете рассмотреть:

27.01.2010
  • Markdown хорош для SO, но не подходит для CMS. Как добавить таблицу? как добавить что-нибудь продвинутое? 27.01.2010
  • Это правда. Однако в некоторых ситуациях вы можете захотеть сильно ограничить то, что может добавить пользователь. Особенно, если они рискуют сломать дизайн сайта, если смогут добавлять таблицы, стили, изображения всех размеров и т. д. 27.01.2010
  • Редактор WMD недостаточно хорош для CMS. Сейчас я думаю о том, чтобы использовать TinyMCE и написать дополнительный JavaScript, который покажет статью в реальном формате. 27.01.2010
  • Хороший план. Это то, что я тоже использовал в системе, которую я построил. Редактор TinyMCE генерирует паршивый HTML, но дополнительные возможности того стоят. 28.01.2010

    • 2

    Мне понравилось использовать WYMeditor на сайтах, которые мы создаем с помощью ExpressionEngine (CMS).

    Плюсы:

    • не допустит недопустимый xhtml
    • позволяет указать таблицу стилей для списка правил, чтобы пользователь мог легко применять стили к содержимому
    • просмотр кода для тех, кто знает html/css и хочет что-то подправить
    • поддерживает размещение изображений (хотя не уверен, что вы можете загружать через него, используемая нами CMS имеет собственную утилиту загрузки файлов)
    • он прошел тест мама/клиент для нас в обязательном порядке

    Минусы:

    • не допустит неверный xhtml... иногда вы действительно ДЕЙСТВИТЕЛЬНО хотите просто сдаться и использовать этот тег ‹center›
    27.01.2010

    3

    Я использую Telerik RadEditor в своей CMS. Он ОЧЕНЬ надежен и имеет несколько точек подключения, которые позволяют расширять его функциональность в соответствии с вашими потребностями. У него нет (на самом деле) живого просмотра, подобного тому, который использует StackOverflow, но, вероятно, его можно было бы добавить, если вы того пожелаете.

    Тем не менее, он предоставляет упомянутые вами функции загрузки/упорядочивания фотографий, а также позволяет загружать документы и некоторые другие медиафайлы. Недостатком является то, что контроль довольно дорогой, около 1000 долларов, я думаю. К счастью, моя компания покрывает расходы :)

    27.01.2010
  • О, ты прав, это так! Я забыл об этом, потому что режим редактирования настолько хорош, что я редко смотрю превью :) 27.01.2010

    • 4

    Мне нравится редактор Telerik. Это не бесплатно, но очень приятно, и их поддержка великолепна.

    27.01.2010

    5

    Я использовал и CKEditor, и tinyMCE; Я использую CKEditor сейчас. Если для вас это имеет значение, мне трижды приходилось менять исходный код CKEditor, и каждый раз это был приятный опыт. Код хорошо документирован.

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

    27.01.2010
  • CKEditor великолепен. Он немного скудно документирован, и пока не так много плагинов, но это очень хороший продукт. 27.01.2010
  • Я согласен с комментарием о плохой документации. Хорошо прокомментированный код несколько помогает решить эту проблему. 27.01.2010

    • 6

    Я использовал TinyMCE и до сих пор мне это нравилось.

    Плюсы: простота в использовании, HTML не требуется, но при желании вы все равно можете переключиться на HTML-представление. Вы можете менять стили и шрифты и многое другое, что потребуется CMS.

    Минусы: Однако с его помощью нельзя загружать фотографии. Он использует тот же стиль, что и уценка здесь, на SO. Он может просто включать внешние изображения.

    27.01.2010
  • Мне не нужен способ загрузки фотографий... Мне нужен способ упорядочить их. 27.01.2010
  • @ mcintryre321 используйте версию jQuery, она загружается быстрее. (нет тестов их просто чувствовать) 28.01.2010

    • 7

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

    27.01.2010
  • справедливо! Я просто подумал, что это интересный подход 28.01.2010

    • 8

    Несколько лет назад мне пришлось создавать CMS с нуля. Перебрал столько вариантов, разорвал TinyMCE на куски, попробовал CKEditor и т. д. Мне очень понравилось summernote, и в итоге я остановился на используя это. В то время это казалось самым бездрамовым вариантом, и он работал безупречно.

    https://summernote.org/

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

    30.01.2019
    Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..