I had the exact same problem and found the solution to this. The problem is that the anchor plugin for TinyMCE is not being included as part of the default WordPress install. So while WordPress says to include: $buttons[] = ‘anchor’; …that’s not going to work because the TinyMCE plugin for anchors isn’t there. If … Read more
While @s_ha_dum’s solution works fine on a custom plugin page, it will fail if you use TinyMCE on a post editor page after the first editor instance has been called, because it would either affect all editors or at least the editors later on the same page. TinyMCE parses custom styles into its settings during … Read more
You can filter the TinyMCE body classes to add or change as needed. It’s a string that’s pre-populated with some things like post type, so the easiest thing to do is append your additional classes (with a preceding space). <?php function wpse_128380_tinymce_body_class( $mce ) { // you could do things here to detect whatever you … Read more
Add Dashicon All buttons inside the TinyMCE have a class, also your custom button. Include (use wp_enqueue_style() a stylesheet with styling with Dashicons, like the follow example. .myicon:before { content: ‘\2605’; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 ‘dashicons’; vertical-align: top; } On default is the Dashicon active on each edit page, but add the … Read more
only overwrite the send_to_editor function when your link or button is click but store the old function to restore it so try this on a click event: //store old send to editor function window.restore_send_to_editor = window.send_to_editor; //overwrite send to editor function window.send_to_editor = function(html) { var imgurl = jQuery(‘img’,html).attr(‘src’); current_item.siblings(‘.upload_image’).val(imgurl); current_item.parent().prepend(‘<div><img width=”300″ src=”‘+imgurl+'” alt=”banner image” … Read more
To disable the inline link tool and revert it back to a pop-up screen instead, do the following: In your child theme directory, add the following to your function.php: add_filter( ‘mce_external_plugins’, ‘wpse_236590_link_editor’ ); function wpse_236590_link_editor( $plugins ) { $plugins[‘full_link_dialog’] = plugins_url( ‘js/’, __FILE__ ) . ‘editor.js’; return $plugins; } Next create a directory inside your … Read more
It’s hard to say without seeing all the code. Yes if you don’t refer to the instance – then it won’t really be a unique ID. Something like this would work – you would just reference the class property $id: for ( $i = 0; $i <= count( $suffixes ); $i++) { wp_editor( ‘your content’, … Read more
Make sure you’ve registered the stylesheet for the editor: add_editor_style( ‘http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css’ ); This should be in your functions.php https://codex.wordpress.org/Editor_Style
If you don’t need wp_editor in front-end, I think its OK. Here a little bit different option settings with your tinymce init. I use this without wp_editor in front-end. <script> jQuery( document ).ready( function( $ ) { tinymce.init( { mode : “exact”, elements : ‘pre-details’, theme: “modern”, skin: “lightgray”, menubar : false, statusbar : false, … Read more
Try this: replace ‘theme_advanced_disable’ => ‘fullscreen’ with ‘toolbar1’=> ‘bold,italic,underline,bullist,numlist,link,unlink,forecolor,undo,redo’ Also, remove ‘teeny’ => true,