入力フォームで文字列装飾を加えた機能を実装したい

Question

現在掲示板のようなサイトを構築しています。
そこでここのサイトでも実装されているのですが入力フォームにおいてテキストの文字列装飾ができる機能を実装したいと考えております。
このフォームを実装できるライブラリや方法を教えていただけると幸いです。
様々なキーワードで検索をしてみたのですが、なかなか実装方法がわからず質問いたしました。

また例えば入力フォームでliタグに入力値を代入できたとして、それをsqlのtextデータにそのまま保存していいのでしょうか？

Answer 1

このフォームを実装できるライブラリや方法

teratail の質問・回答欄のエディタで使用しているライブラリが何かは分かりませんが Markdown という記法が使われている為、それらを利用したライブラリかと思います。
Markdown 記法が利用できるライブラリとしては以下のようなものがあるようです。

■ Webサイトにマークダウンエディタを組み込みたい。そうだ！「SimpleMDE」を使おう！
http://unitopi.com/markdown-editor/

また、テキストベースではなく、見た目上で装飾の編集を行うようなエディタは「Rich Text Editor」や「WYSIWYGエディタ」と呼ばれ、下記のようなライブラリが存在しています。

■ GitHubでスターが多いWYSIWYGエディタ（2019年11月）
https://qiita.com/mima_ita/items/bacf3ca3c078d1e6c70f
■ JavaScript で実現する WYSIWYGエディタ
https://pgmemo.tokyo/data/archives/1400.html

上記のライブラリの１つである Quill.js に関する質問がありました。実装方法についてこちらが参考になるかもしれません。

■ Quill.jsを使ったテキストエディターのデータをデータベースに追加し、表示する方法を教えてください。
https://ja.stackoverflow.com/questions/67777/

それをsqlのtextデータにそのまま保存していいのでしょうか？

どういったライブラリで保存すべきかは、使うライブラリに依存するかと思います。
teratail の場合、Markdown の形式でしょうし、
Quill.js の場合、JSON 形式で保持しているようです。

Answer 2

マークダウンエディタというのですね、検索方法もわからず迷っていました。phpのライブラリを中心に探していたのですが、jsのライブラリで似たようなものがあるのですね、参考にさせていただきます。ご回答ありがとうございました！