HTML-конвертация уценки на стороне клиента - PullRequest
Новая
       27

HTML-конвертация уценки на стороне клиента

3 голосов
/ 14 марта 2010

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

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

Ответы [ 4 ]

7 голосов
/ 30 января 2015

В настоящее время принятый ответ фактически говорит вам сделать это на серверной стороне .

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

5 голосов
/ 02 августа 2012

не стесняйтесь пробовать мою библиотеку, reMarked.js, для html / DOM на стороне клиента> markdown

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

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

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

2 голосов
/ 15 марта 2010

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

1 голос
/ 15 марта 2010

Вам нужно только отправить данные на сервер с помощью 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!');
    }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...