3

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" という単語が(テキストをより強くした場合)にのみ変換されることがわかりました。

だからこそ、現時点では可能だと考えさせられます。

それを行うスマートな方法はありますか、それともモジュールを「複製」して、追加されたタグspanbタグを私のものに置き換えるだけですか?

4

1 に答える 1