Домой Wp-Recall WP-Recall: Пишем свое дополнение и кастомизация Изменить стили редактора TinyMCE в Личного кабинета
15ответ(ов) в теме
mihail.rymar
не в сети 7 лет
На сайте с 01.02.2018
Участник
Тем 2
Сообщения 9
1
01:46

Я легко поменял шрифт в редакторе TinyMCE (в админке) просто добавив в functions.php:

function ilovenews_theme_add_editor_styles() {
    add_editor_style( 'editor-style.css' );
}
add_action( 'admin_init', 'ilovenews_theme_add_editor_styles' );

Но в редакторе на странице Личного кабинета WP-Recall естественно ничего не поменялось. Более того, там редактор внутри iframe, т.е. мне до него добраться не получается.

Как собственно решить данную проблему? Просто щас стоит тот шрифт, который не любят авторы сайта, они давно хотят другой(

0
Вова (Otshelnik-Fm)
не в сети 25 минут
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
2
02:18

Тему перенес - это не проблема плагина, а ваша задача и кастомизация.

add_action( 'admin_init'
- так это хук для админки. В фронте пробуйте хук init использовать

Я в фронте успешно для себя как-то стили для TinyMCE редактора цеплял - проблем не заметил.

0
mihail.rymar
не в сети 7 лет
На сайте с 01.02.2018
Участник
Тем 2
Сообщения 9
3
16:10

Otshelnik-Fm сказал(а)
Тему перенес - это не проблема плагина, а ваша задача и кастомизация.

add_action( 'admin_init'
- так это хук для админки. В фронте пробуйте хук init использовать

Я в фронте успешно для себя как-то стили для TinyMCE редактора цеплял - проблем не заметил.

add_action( 'init', 'ilovenews_theme_add_editor_styles' ); - так не работает. я пробовал все init хуки, которые задействованы на странице личного кабинета.

0
Вова (Otshelnik-Fm)
не в сети 25 минут
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
4
16:16

посмотрите как я это сделал в допе WP-Recall Spoiler

Вы не можете просматривать опубликованные ссылки

Я все делал по инструкции по работе с TinyMCE. WP-Recall там к слову вообще не причем

0
mihail.rymar
не в сети 7 лет
На сайте с 01.02.2018
Участник
Тем 2
Сообщения 9
5
17:04

Otshelnik-Fm сказал(а)
посмотрите как я это сделал в допе WP-Recall Spoiler

Вы не можете просматривать опубликованные ссылки

Я все делал по инструкции по работе с TinyMCE. WP-Recall там к слову вообще не причем

Я не настолько знающий, чтобы суметь разобрать код вашего плагина. Вы можете просто сказать, что куда вставить?

0
Вова (Otshelnik-Fm)
не в сети 25 минут
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
6
17:10

mihail.rymar сказал(а)
Вы можете просто сказать, что куда вставить

Не могу пока - времени нет.

Вариант я вам дал.

Или гуглите тогда. Повторюсь:

Otshelnik-Fm сказал(а)
Я все делал по инструкции по работе с TinyMCE. WP-Recall там к слову вообще не причем

0
mihail.rymar
не в сети 7 лет
На сайте с 01.02.2018
Участник
Тем 2
Сообщения 9
7
18:14

Вы не можете просматривать опубликованные ссылки

tinymce.init({
..
});

Пробовал вставлять что-то в head, но ничего не меняется.

0
mihail.rymar
не в сети 7 лет
На сайте с 01.02.2018
Участник
Тем 2
Сообщения 9
8
18:25

jQuery(document).ready(function(){
tinyMCE.init({
       selector: 'textarea',  // change this value according to your HTML
  content_style: "p {color:red;}"
    });
});

Редактор
Данный код влияет только на блок "Краткая запись". И в нём ещё настройки лишние появляются.
А мне надо сменить шрифт в "Содержание публикации"..

Редакции сообщения
01.03.2018 18:26mihail.rymarПричина: не указано
0
Вова (Otshelnik-Fm)
не в сети 25 минут
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
9
18:29

вы внутрь допа, что я советовал вам выше, заглядывали? Я вот посмотрел - и не удивился - там прокомментировано все по русски.

0
mihail.rymar
не в сети 7 лет
На сайте с 01.02.2018
Участник
Тем 2
Сообщения 9
10
18:46

Я стёр то, что добавлял в head и начал с чистого листа.
Вот я добавляю ваш код в functions.php:

function wprs_tiny_mce_css($mce_css) {
	if ( !empty($mce_css) ){
        $mce_css .= ',';
    }

	$mce_css .= rcl_addon_url('editor-style.css', __FILE__);

	return $mce_css;
}
add_filter('mce_css', 'wprs_tiny_mce_css');

Данный код ничего у меня не меняет.

Если же я сделаю так:

function ilovenews_theme_add_editor_styles() {
    add_editor_style( 'editor-style.css' );
}
add_action( 'mce_css', 'ilovenews_theme_add_editor_styles' );

то шрифт будет подгружаться отсюда:
wp-includes/js/tinymce/skins/lightgray/content.min.css

Напоминаю, что мне всего лишь надо, чтобы брались стили из файла editor-style.css

0
Вова (Otshelnik-Fm)
не в сети 25 минут
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
11
18:50

Читайте описание функции rcl_addon_url

Вы не можете просматривать опубликованные ссылки

и делайте как вам надо. Из кода видно что три строки и никакой магии

На просторах гугла прочитайте про фильтр

add_filter('mce_css'

- это не экшен, как вы написали в своем коде.

0
mihail.rymar
не в сети 7 лет
На сайте с 01.02.2018
Участник
Тем 2
Сообщения 9
12
19:02

Большое спасибо, получилось.

function ilovenews_theme_add_editor_styles() {
    add_editor_style( 'editor-style.css' );
}
add_action( 'admin_init', 'ilovenews_theme_add_editor_styles' );

function wprs_tiny_mce_css($mce_css) {
	$mce_css = get_template_directory_uri() . '/editor-style.css';
	return $mce_css;
}
add_filter('mce_css', 'wprs_tiny_mce_css');

Ещё небольшой вопрос. А как сделать, чтобы в редакторе сразу был указан нужный шрифт? Просто щас там Verdana и он меняется только тогда, когда я начинаю что-то вводить.

0
Вова (Otshelnik-Fm)
не в сети 25 минут
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
13
19:05

mihail.rymar сказал(а)
А как сделать, чтобы в редакторе сразу был указан нужный шрифт? Просто щас там Verdana и он меняется только тогда, когда я начинаю что-то вводить.

покажите - как это там Verdana - когда ничего нет

0
mihail.rymar
не в сети 7 лет
На сайте с 01.02.2018
Участник
Тем 2
Сообщения 9
14
19:12


Очень похоже, что Verdana берётся отсюда wp-includes/js/tinymce/skins/lightgray/content.min.css

0
mihail.rymar
не в сети 7 лет
На сайте с 01.02.2018
Участник
Тем 2
Сообщения 9
15
19:18

Я понял, в чём проблема. Извините.
p { margin: 0 0 16px; font-family: 'Times New Roman', Times, serif; font-size: 14pt; line-height: 25px; text-indent: 18px; color: #444; }

Ещё раз большое спасибо!!!

0
Тема закрыта. Публикация новых сообщений запрещена.