У меня есть блог, полностью написанный на php с использованием Quill в качестве текстового редактора WYSIWYG. Более того, я использую 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>
(если усилить текст).
Вот почему это позволяет мне думать, что в настоящее время это возможно.
Так есть ли разумный способ сделать это, или мне просто нужно «клонировать» модуль и заменить добавленные теги span
и b
моими?