WordPress как на ладони
Мощный и не дорогой хостинг от Fornex.com Хостинг, VPS/VDS и отдельные сервера только на SSD дисках. 7 дней бесплатного тестирования.

wp.editor.initialize — параметры

Два часа искал какие атрибуты есть у js функции wp.editor.initialize для вызова wp редактора, не нашел тут и с очень большим трудом нашел в сети, а почти полный список атрибутов выглядит вот так:

wp.editor.initialize( 'EditorTextArea', {
	tinymce: {
		wpautop: true,
		theme:"modern",
		skin:"lightgray",
		language:"en",
		formats:{
			alignleft: [
				{selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles: {textAlign:'left'}},
				{selector: 'img,table,dl.wp-caption', classes: 'alignleft'}
			],
			aligncenter: [
				{selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles: {textAlign:'center'}},
				{selector: 'img,table,dl.wp-caption', classes: 'aligncenter'}
			],
			alignright: [
				{selector: 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li', styles: {textAlign:'right'}},
				{selector: 'img,table,dl.wp-caption', classes: 'alignright'}
			],
			strikethrough: {inline: 'del'}
		},
		relative_urls:false,
		remove_script_host:false,
		convert_urls:false,
		browser_spellcheck:true,
		fix_list_elements:true,
		entities:"38,amp,60,lt,62,gt",
		entity_encoding:"raw",
		keep_styles:false,
		paste_webkit_styles:"font-weight font-style color",
		preview_styles:"font-family font-size font-weight font-style text-decoration text-transform",
		wpeditimage_disable_captions:false,
		wpeditimage_html5_captions:true,
		plugins:"charmap,hr,media,paste,tabfocus,textcolor,fullscreen,wordpress,wpeditimage,wpgallery,wplink,wpdialogs,wpview",
		resize:"vertical",
		menubar:false,
		indent:false,
		toolbar1:"bold,italic,strikethrough,bullist,numlist,blockquote,hr,alignleft,aligncenter,alignright,link,unlink,wp_more,spellchecker,fullscreen,wp_adv",toolbar2:"formatselect,underline,alignjustify,forecolor,pastetext,removeformat,charmap,outdent,indent,undo,redo,wp_help",
		toolbar3:"",
		toolbar4:"",
		tabfocus_elements:":prev,:next",
		body_class:"id post-type-post post-status-publish post-format-standard",
	},
	quicktags: true,
	mediaButtons: true
});

Может стоит написать про это статью, или хотя бы страничку с документацией сделать, а то страница посвященная этой функции на офф сайте WP очень скудная - https://codex.wordpress.org/Javascript_Reference/wp.editor

Кстати говоря, копал всё это чтобы показывать wp.editor в модальном окне, типа того в котором сейчас набираю этот текст, могу потом поделиться результатом, если надо. Имхо должно быть удобней.

Заметки к вопросу:
Kama 10 месяцев назад

Спасибо за параметры, может кому-то пригодится. Я не сталкивался с такой задачей. Вообще по JS документация у WP слабая очень... К примеру, нечто подобное хорошо бы найти для объекта wp.media - дока также очень поверхностная: https://codex.wordpress.org/Javascript_Reference/wp.media.

RustaLenin 10 месяцев назад

Согласен, в своих проектах работать с WP Media пришлось вообще достаточно странным образом. Там главное чтобы на странице были button c ( id="insert-media-button" class="button insert-media add_media" type="button" data-editor="some_id" ) и input c ( id="some_id" ). Тогда картинка из библиотеки будет вставляться в данный инпут (или возможно textarea), в div, label или span c contenteditable=true не вставляется(

А также чтобы был объявлен wp_enqueue_media();

Целиком:

<button id="insert-media-button" class="button insert-media add_media" type="button" data-editor="mail_header_img"> Add Media</button>
<input
		id="mail_header_img"
		class="cip_field edit mail_header_img"
		data-type="input"
		data-name="mail_header_img"
		name="mail_header_img"
		type="url"
		value="<?php if ( $mails_settings['mail_header_img'] ) { echo $mails_settings['mail_header_img']; } ?>"
>

1
Илья
10 месяцев назад
  • 0

    Спасибо, это именно то, что я искал более часа на английском, а нашел на русском )

    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация