2016-10-22 19 views
0

新しいStackOverflow質問を投稿したときと同じように、入力フィールドをtextareaにしようとしています。あなたはラインスペースを持つことができます、太字のテキスト、リンクなどを挿入することができます自然入力が可能な入力フィールドを作成し、それをHTMLに変換する方法は?

しかし、何らかのボタンを押すと、そのすべてが長いHTML文字列に変換されます(たとえば、スペースは<p>または<br>、太字が<strong>になると、リンクは<a>になります)。何かJSプラグインでこれを行う方法はありますか?

+0

このリンクをチェックするhttp://stackoverflow.com/questions/17247970/html-editor-like-stackoverflow – repzero

+0

あなたが求めているのは、WYSIWYGエディタです。それは、あなたが見ていることを意味します。利用可能なWYSIWYGエディタの一覧はこちらです:https://github.com/cheeaun/mooeditable/wiki/Javascript-WYSIWYG-editors – jjenzz

答えて

1

私はあなたが求めているものを理解している場合は、正規表現を学ぶ必要があります。コンテキストはすべてテキスト置換に基づいています。 例:textareaはハイパーリンク、ボタンを表示しないので、私はstackoverflowのような何かをすることができます。 ハイパーリンクの場合、私は何かリンク[#http://facebook.com]または[リンク] http://facebook.com [リンク]を書くことができます。

後で、http://facebook.comを抽出し、<a></a>個の要素の間にラップします。

0

上記のすべての人が真実であれば、あなたはWISYWGエディタを見たいと思っています。

偶然ブートストラップを使用している場合は、Summernoteを参照してください。

私は彼らと提携していませんが、私は自分のプロジェクトの1つとして使っていてとても喜んでいました。

関連する問題