2010-03-14 3 views
3

Я пытался создать редактор клиентской стороны, который позволяет конечному пользователю создавать контент в html или уценке. У пользователя есть две вкладки для переключения между ними. Мне удалось найти javascript, который конвертирует уценку в html, поэтому, если пользователь пишет уценку и переключается на вкладку html, отображается html equivilant. Я не смог найти javascript, который преобразует html в markdown, только скрипт python.Обратная связь html стороны клиента

Сценарий python, очевидно, относится к серверу. Вкладки - это просто гиперссылки со сценарием. Есть ли способ конвертировать HTML-код уценки, когда пользователь нажимает на вкладку?

+0

Вы уверены, что хотите, чтобы люди напрямую отредактировали html? В лучшем случае переход будет потерян. Есть много вещей, которые не могут быть хорошо представлены в уценке. Например, если я добавлю ' ...', что бы вы хотели видеть в уценке? –

ответ

1

Вам нужно только отправить данные на сервер с помощью AJAX, выполнить преобразование на сервере, а затем вернуть результаты обратно в браузер. В JQuery это так просто, как например .:

$.ajax({ 
    type: "GET", 
    url: <converter url>, 
    data: <html> 
    success: function(markdown_text){ 
     $('#id_container').text(markdown_text); 
    } 
    error: function(XMLHttpRequest, textStatus, errorThrown){ 
      alert('Error!'); 
    } 
}); 
2

Почему бы вам не использовать WMD-Editor? Он имеет возможность предварительного просмотра html.

5

стесняйтесь попробовать свои ОМТ reMarked.js, для клиентской стороны HTML/DOM> уценки

https://github.com/leeoniya/reMarked.js

другой путь вокруг вы можете попробовать marked, но имейте в виду, что он не поддерживает некоторые PHP-уценки-дополнительные функции, такие как парсинг симпатичных таблиц http://michelf.ca/projects/php-markdown/extra/#table

https://github.com/chjj/marked/

6

Принятая в настоящее время ответ на самом деле говорит вам, чтобы сделать это на сервере .

Чтобы действительно на стороне клиента преобразования, вы можете попробовать один из этих библиотек (в порядке убывания популярности, измеряется звездами GitHub):

Смежные вопросы