WYSIWYG テキスト エディターとして Quill を使用して、完全に php でコーディングされたブログを持っています。さらに、PrismJs を使用して、記事に挿入したコードを強調しています。
<pre><code class="language-css"> *css code here* </code></pre>
問題は、投稿で強調表示されたコードを表示するには、手動で : を配置する必要があることです
。
複数のボタンでカスタム アクションを作成できるかどうかを知りたいです。たとえば、「CSS コード」ボタンは、これをテキスト領域に<pre><code class="language-css"> </code></pre>
含めます。次に、含まれているタグの間にコードを挿入して強調表示する必要があります。
そして、「HTML コード」、「JS コード」、「PHP コード」のまったく同じ考え方で、テキスト領域に同じタグが含まれます: <pre><code class="language-js/css/html or php"> *js/css/html or php code here* </code></pre>
(ご覧のとおり)<code>
タグの異なるクラス名 (これが唯一のものです)それは変わります)。
( Quill の例のページ<span class="author-gandalf"><b>Three</b></span>
で) シンプルなツールバーの [太字] ボタンを押すと、"Three" という単語が(テキストをより強くした場合)にのみ変換されることがわかりました。
だからこそ、現時点では可能だと考えさせられます。
それを行うスマートな方法はありますか、それともモジュールを「複製」して、追加されたタグspan
とb
タグを私のものに置き換えるだけですか?