текстовый редактор для настраиваемого поля cms - PullRequest
Новая
       105

текстовый редактор для настраиваемого поля cms

1 голос
/ 08 марта 2012

Да, я знаю, что этот вопрос был задан до смерти .. пожалуйста, потерпите меня.

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

Все, что на самом деле означает, это текстовая область, которая изящно обрабатывает специальные символы и весь мусор, скопированный из MS Word и т. П.

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

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

Я испытываю желание заново изобрести колесо, опять же ... но хотя я бы спросилвопрос первый.Кто-нибудь уже сделал один из них?

Спасибо.

Ответы [ 2 ]

1 голос
/ 08 марта 2012

Наиболее распространенным является, вероятно, TinyMCE , но почему бы не следовать указаниям SO и использовать WMD ?

0 голосов
/ 26 ноября 2015

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

HTML: 

<form action="" id="myform" class="demo-form">
    <label for="title">Title</label>
    <input type="text" id="title" placeholder="Enter title">

    <label for="description">Description</label>
    <textarea name="description" id="description" rows="10" placeholder="Enter article body"></textarea>

    <button type="submit" class="btn">Save article</button>
</form>

CSS: 

<link rel="stylesheet" href="path_to/easyeditor.css">

JS: 

<script src="path_to/jquery.min.js"></script>
<script src="path_to/easyeditor.js"></script>

<script>
    jQuery(document).ready(function($) {
        new EasyEditor({
            element: '#description'
        });
    });
</script>

Дополнительные примеры здесь

...