When using javascript to dynamically add a textarea, how can I render it as a tinyMCE editor (in wordpress)?
tinymce.remove(); tinymce.init(); This works well!
tinymce
Change padding to text indent in “Increase indent” TinyMCE
You need to modify the TinyMCE settings object on instantiation: Reference: TinyMCE documentation – content formatting WordPress provides a filter for this very purpose called tiny_mce_before_init which you can use as follows: function modify_tinymce_settings($settings) { $settings[‘indentation’] = ’10px’; return $settings; } add_filter(‘tiny_mce_before_init’, ‘modify_tinymce_settings’); If that does not work precisely, then dump the output of $settings … Read more
WP_Editor – Remove TinyMCE Toolbars
If I remember correctly, this should remove the toolbars on the tinyMCE: function my_format_TinyMCE( $in ) { $in[‘toolbar1’] = ”; $in[‘toolbar2’] = ”; $in[‘toolbar’] = false; return $in; } add_filter( ‘tiny_mce_before_init’, ‘my_format_TinyMCE’ ); References: https://codex.wordpress.org/TinyMCE http://www.tinymce.com/wiki.php/Configuration For the wp_editor, try applying these filter parameters onto your wp_editor() function. Hope it helps. ** Edit Also if … Read more
TinyMCE default link target to “_blank”
I was able to achieve this by replacing the wplink plugin with tinyMCE’s default link plugin, and then using the original function as is. I created my own plugin though for the whole tinyMCE editor, and then copy/pasted the individual plugin folders from wp-includes/js/tinymce/plugins, and then only included the ‘link’ plugin, so what I wound … Read more
Integrating inline tinymce editor in a component for a gutenberg block
Gutenbergs FreeformEdit Component (used for the classic editor block) demonstrates the way how to integrate a tinyMce editor. Recoded my custom Backform WysiwygControl and adopted the tinyMce integration. /** * External dependencies */ import Backform from ‘Backform’; /** * WordPress dependencies */ const { __ } = wp.i18n; const { F10, ESCAPE, ALT } = … Read more
Add Shortcode inline inside Gutenberg block
They have actually fixed it so you can just add the shortcode within the paragraph content and it works. As simple as …However, when [expand tag=”span” title=”this trigger” targtag=”span”]hidden content[/expand] is clicked… That would be the contents of a paragraph block with inline shortcode. See this for more information.
TinyMCE Button to Insert Multiple Lines of Text?
This should be as easy as adding <br /> between shortcodes or every time you want to add a new line and also if you are inserting content you should use mceInsertContent instead of mceInsertClipboardContent unless you are actually getting the content from the clipbard, so: tinyMCEPopup.editor.execCommand(‘mceInsertContent’, false, ‘<p>[shotcode1]<br/>[shotcode2]<br/>[shotcode3]</p>’));
Use rich text editor in comments?
Solved it myself by loading tinymce in the header: wp_enqueue_script(‘tiny_mce’); This will include the TinyMCE javascript. Then simply use TinyMCE as you wish <script type=”text/javascript”> tinyMCE.init({ mode : “textareas”, theme : “advanced”, plugins : “autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template”, theme_advanced_buttons1 : “save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect”, theme_advanced_buttons2 : “cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor”, theme_advanced_buttons3 : “tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen”, theme_advanced_buttons4 : “insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage”, theme_advanced_toolbar_location : “top”, theme_advanced_toolbar_align : “left”, theme_advanced_statusbar_location : … Read more
How to keep a textarea and stop tinymce?
You can remove the wp-autop function which WordPress uses to format the output of the WYSIWYG editor. It will stop tinymce from adding additional p tags, but will require you to add correct formatting (because you’re removing the wp-autop the output won’t be altered. This if you use the visual editor and it doesn’t convert … Read more
TinyMCE custom stylesheets for different post types
As of 3.4, some classes have been added to TinyMCE so you can target them, including for custom post types. So, for instance, you will see post-type-{$slug} as a class on the body. See Trac ticket #19437 for more information.