Как добавить новый шрифт в редактор tinymce?

Я хочу add new font в tinymce editor, которые отображаются в font dropdown и применяются к тексту редактора.

Я пытаюсь добавить шрифт ttf в папку шрифтов в папку с расширенными темами и добавить в editor_template.js и добавить css в contect.css для @font-face.

Я получил имя шрифта в выпадающем списке шрифтов. Но когда я применяю к любому тексту никакой эффект шрифта на этот текст.

Какова фактическая проблема, которую я не могу найти. Надеюсь, что это вопрос пути или другой...

Ответы

Ответ 1

Я решил проблему,

Проверьте все возможные проблемы ниже и исправьте их, чтобы добавить шрифт в редактор TinyMCE.

  • Создайте папку шрифтов: tinymce/themes/advanced/ - если не существует.

    • Поместить шрифт в шрифты "tinymce/themes/advanced/fonts/aphrodite_pro.ttf.

    • Добавить шрифт в editor_template.js & editor_template_src.js включить в "theme_advanced_fonts"

      Ex: theme_advanced_fonts: "Aphrodite Pro=aphrodite pro",

  • Поддерживайте последовательность имен шрифтов "theme_advanced_fonts" в обоих файлах js.

Наиболее важная часть: "Aphrodite Pro" имя определено нами, где "Aphrodite Pro" - это имя шрифта.

Примечание это может не работать в TinyMCE версии 4 или выше. Проверьте новую документацию: https://www.tinymce.com/docs/configure/content-formatting/#font_formats

Ответ 2

Вам необходимо установить параметр конфигурации theme_advanced_fonts в соответствии с вашими потребностями. Если вам нужно добавить шрифт в редактор, то iframe head contect.css с @font-face будет правильным способом.

Ответ 3

Я исследовал это решение, установив шрифт Papyrus, и он хорошо работает (без каких-либо шрифтов @в любом файле css), но, исследуя несколько браузеров на Mac (работая с Lion), я обнаружил, что, хотя он хорошо работал в Safari и Firefox опция Papyrus не отображается в раскрывающемся списке шрифтов текстового редактора в Chrome. Я вижу, что у других были проблемы с Chrome в связанных областях, поэтому я не уверен, что это исправление в Chrome или нет.

Я добавил Papyrus = Papyrus в два файла .js в том же порядке относительной позиции и добавил папку шрифтов, как описано, с файлом шрифта Papyrus.TTF(верхний и нижний регистр, как показано).

В Safari и Firefox это приводит к папирусу в раскрывающемся списке и шрифту Papyrus в тексте редактора и на странице веб-сайта, в точности как требуется.

Но не в Chrome, так как шрифт не может быть выбран.