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 в модальном окне, типа того в котором сейчас набираю этот текст, могу потом поделиться результатом, если надо. Имхо должно быть удобней.
Согласен, в своих проектах работать с 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']; } ?>"
>
Илья
Спасибо за параметры, может кому-то пригодится. Я не сталкивался с такой задачей. Вообще по JS документация у WP слабая очень... К примеру, нечто подобное хорошо бы найти для объекта wp.media - дока также очень поверхностная: https://codex.wordpress.org/Javascript_Reference/wp.media.