Как складывать текст с помощью Markdown?

Question

Мне интересно, есть ли у кого-нибудь идеи, как сделать что-то похожее на складной текст (http://www.foldingtext.com/).

Я нашел этот пример на CodeMirror, который близок к тому, что они достигают: http://codemirror.net/demo/variableheight.html

Однако, я ищу, как они скрывают смелые теги вокруг смелых слов, когда не на текущем слове. Я могу понять, что затемнение тегов ### для заголовков.

Answer 1

Ваш ответ - свойство contentEditable. С этим вы можете сделать div редактируемый, это позволяет вставлять html-теги в этот div только по типу.

<div id="editableDiv" contentEditable=true> 
    testing la la la testing la la la testing la la la 
    lulululu <span style="background-color:blue;">formated Text</span> <br> 
    lulululu <span style="background-color:red;">Formated Text</span> 
</div> 

Теперь, если вы хотите применить стиль при вводе, вам необходимо MONIT нажатие клавиши (или что-то) и анализировать содержимое в HTML-элементов, это трудная задача, так что я, который вам удачи.