Предварительный просмотр ввода текста на стороне клиента: анализ - PullRequest
0 голосов
/ 25 августа 2011

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

Пример: пользователь вводит две строки сообщения:

 This is the first line.

 This is the second line.

Что бы я хотел:

 <p>This is the first line.</p>

 <p>This is the second line.</p>

Допустим, я определяю синтаксический анализатор как simpleParser (который в настоящее время не изменяет текст):

 function simpleParser(text_input) {
      return text_input
 }

И это называется так:

 $('.textarea').bind('keyup', function() {
    var post = $(this).val()
    $('#textarea .preview').html(textileParser(post));
});

Я знаю, что могу положиться на готовый WYSIWYG и другие редакторы, созданные другими, но в качестве эксперимента по изучению jQuery, кто-нибудь может мне помочь или указать мне правильное направление?

1 Ответ

0 голосов
/ 25 августа 2011

Попробуйте это:

function parseText(str){
    return "<p>" + str.split("\n").join("</p><p>") + "</p>";
}

вот jsfiddle: http://jsfiddle.net/QKf3q/1/

...