Пользовательские кнопки tinymce, не отображаемые в редакторе PubliiJavascript

Форум по Javascript
Ответить
Anonymous
 Пользовательские кнопки tinymce, не отображаемые в редакторе Publii

Сообщение Anonymous »

Я разрабатываю индивидуальную тему Publii и пытаюсь добавить три пользовательские кнопки (маржинальная нота, sidenote и epigraph) на панель инструментов Tinymce Editor. Однако, хотя журналы скрипта показывают, что кнопки успешно добавляются, они не появляются в редакторе UI. < /P>
То, что я сделал до сих пор: < /p>

Создал пользовательский скрипт tinymce (tinymce.script.js) в Distory Theme Root: < /p>
(fcomp.) (fcomp. /> console.log("custom tinymce script загружен. "); < /p>
function addCustomButtons(editor) {
console.log("Adding custom TinyMCE buttons.");

// Margin Note Button
editor.ui.registry.addButton('margin_note', {
text: 'Margin Note',
icon: 'comment',
tooltip: 'Insert a margin note',
onAction: function () {
let note = prompt("Enter margin note text:");
if (note) {
editor.insertContent(`${note}`);
}
}
});

// Sidenote Button
editor.ui.registry.addButton('sidenote', {
text: 'Sidenote',
icon: 'comment',
tooltip: 'Insert a sidenote with automatic numbering',
onAction: function () {
let note = prompt("Enter sidenote text:");
if (note) {
editor.insertContent(`${note}`);
}
}
});

// Epigraph Button
editor.ui.registry.addButton('epigraph', {
text: 'Epigraph',
icon: 'quote',
tooltip: 'Format as an epigraph',
onAction: function () {
let selectedText = editor.selection.getContent();
if (selectedText) {
editor.insertContent(`${selectedText}`);
} else {
alert("Please select text for the epigraph.");
}
}
});

console.log("Buttons added: Margin Note, Sidenote, Epigraph.");
}

tinymce.init({
selector: 'textarea',
toolbar: 'undo redo | bold italic | margin_note sidenote epigraph', // Add custom buttons
setup: function (editor) {
editor.on('init', function () {
console.log("TinyMCE editor initialized.");
addCustomButtons(editor);
});
}
});

console.log("TinyMCE initialization script executed.");
< /code>
}) (); < /p>
< /li>
Обновленная конфигурация. /> < /li>
Обновленная tinymce.override.json для определения макета панели инструментов: < /p>
{
«панель инструментов»: «Undo Redo | Bold Italic | MARGIN_NOTE SIDENOTE EPIGRAPH»,
«Плагины»: »Ссылки LINK | /> < /li>
Проверяли журналы консоли:
Script выполняется правильно.
Журналы подтверждают кнопки подтверждения: < /p>
< /li>
< /ol>
custom tinymce script script edymce editor edymce editor edymce editor edymce edymce edymce editor edymce edymce edymce edymce edymce edymce editor. Кнопки tinymce.
Добавлены кнопки: рентабельная примечание, сходство, эпиграф. logs.
проверено, если editor.ui.registry.getall (). Кнопки содержит margin_note, sidenote и epigraph.
вручную называется addcustombuttons (редактор); Inside setup (). < /p>
uestion:
Почему мои пользовательские кнопки tinymce не появляются в редакторе Publii?
Я не хватает дополнительных настройки конфигурации Tinymce или Publii?>

Подробнее здесь: https://stackoverflow.com/questions/794 ... lii-editor
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»