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
Last time i added a keybord shortcut it was using jQuery. take a look at jquery.hotkeys plugin which lets you enable keyboard shortcuts with a simple one liner: $(document).bind(‘keydown’, ‘ctrl+a’, fn); update if you want to check if the TinyMCE editor is active and it has a selected text then here are the functions you … Read more
Show the Kitchen Sink by Default Copying @nus’ answer as an answer to help newcomers. If you would like to show that second row of options by default, there’s an easy way. Simply put the following into your theme’s functions.php file: function unhide_kitchensink( $args ) { $args[‘wordpress_adv_hidden’] = false; return $args; } add_filter( ‘tiny_mce_before_init’, ‘unhide_kitchensink’ … Read more
If you want the contents of an option, variables, or anything for that matter to be treated like post content you’ll need to call the post content filters. <?php echo apply_filters( ‘the_content’, $your_var ); ?> Your data is then treated in the same way as post content is, inline with the code sample you’ve posted, … Read more
When you paste your code, TinyMCE (the visual editor) automatically switches back to paragraph mode because that’s the default for the editor. You have to highlight you pasted code and re-select “preformatted” to get it to be tagged correctly. Also, TinyMCE always closes tags when you press enter. If you want to go to a … Read more
This has to do with your character map for tinyMCE it’s located inside: wp-includes/js/tinymce/themes/advanced/js/charmap.js Although I wouldn’t recommend editing the WP-Core you could theoretically just add new characters there like so: [‘Ī’, ‘Ī’, true,’I kahako’], [‘Ō’, ‘Ō’, true,’O kahako’], and so on… However when you update WordPress this will overwrite those changes. So it’s not … Read more
Re answer cited by the OP: Edited to add meta and access and other. The custom_shortcuts flags mentioned was in tinymce 3.x (see here) but was removed from 4.x, and on scanning the source nothing equivalent seems to have been substituted. The foo function method mentioned can still be used. In your theme’s “functions.php”: add_action( … Read more
Solved it… In my functions.php I should have put: array( ‘title’ => ‘Hidden Element’, ‘inline’ => ‘span’, ‘classes’ => ‘hiddenElement’, ‘wrapper’ => false, ), not array( ‘title’ => ‘Hidden Element’, ‘block’ => ‘span’, ‘classes’ => ‘hiddenElement’, ‘wrapper’ => false, ), as here: http://www.wpbeginner.com/wp-tutorials/how-to-add-custom-styles-to-wordpress-visual-editor/
Here’s your easy solution (hopefully this will help other people too): 1) add a custom class for icon, in this example “myicons” (function () { tinymce.PluginManager.add(‘twitter_button_plugin’, function (editor, url) { editor.addButton(‘mce_tweet_button’, { title: ‘Insert tweet’, icon: ‘myicons dashicons-twitter’, onclick: function() { … } }); }); })(); 2) Enqueue your admin stylesheet file function load_custom_wp_admin_style() { … Read more
Unless your WP version is truly ancient, you should be able to use the tinymce-editor-init event triggered on editor init by “wp-includes/js/tinymce/plugins/wordpress/plugin.js”, eg (assuming your script is loading after jQuery): jQuery( document ).on( ‘tinymce-editor-init’, function( event, editor ) { // Blah. });