WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru Шаблоны сайтов на русском

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',
		tabfocus_elements   : ':prev,:next',
		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   : '',
		body_class : 'id post-type-post post-status-publish post-format-standard',
		wpeditimage_disable_captions: false,
		wpeditimage_html5_captions  : true

	},
	quicktags   : true,
	mediaButtons: true

} )

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

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

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

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

RustaLenin год назад

Согласен, в своих проектах работать с 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']; } ?>"
>

2
Илья
год назад
  • 0

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

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