Я разрабатываю индивидуальную тему 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
Пользовательские кнопки tinymce, не отображаемые в редакторе Publii ⇐ Javascript
Форум по Javascript
-
Anonymous
1740849930
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?>
Подробнее здесь: [url]https://stackoverflow.com/questions/79477977/custom-tinymce-buttons-not-showing-in-publii-editor[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия