Here is a nice and a fairly new (a year old) tutorial that i’ve read a few days ago:
http://solislab.com/blog/how-to-make-shortcodes-user-friendly/
He has a great example and you can also download the source files and get a better understanding.
Related Posts:
- TinyMCE Anchor Button not showing
- TinyMCE: Move buttons from 2nd row to top row
- Adding a Media Button to the WordPress Content Editor
- How to add “Insert/Edit link” button in custom popup tinymce window?
- TinyMCE editor is breaking my beautiful HTML
- How to replace the content of tinyMCE editor in both text and visual mode using jQuery?
- How i can i add a split button or list box to the WordPress TinyMCE instance
- wp_editor disable after reaching character count limit
- Is it possible to create nested lists in the WYSIWYG editor?
- How to keep non-breaking spaces in the visual editor?
- Is there a way to prevent the Editor from modifying my HTML
- How to disable TinyMCE 4 keyboard shortcuts
- How to customize the symbols that appear in the Visual Editor insert custom character
- Pasting code into pre-formatted text in Visual Editor not working in 3.3.1
- Add Shortcode inline inside Gutenberg block
- Adding TinyMCE custom buttons when using teeny_mce_before_init
- How to make WordPress and TinyMCE accept tags wrapping block-level elements as allowed in HTML5?
- Visual Editor freezing on text highlight since 4.3
- tinyMCE duplicates previous block element when pressing return (visual editor)
- WordPress visual editor broke due to non standard port?
- Customising the WordPress TinyMce editor and it’s buttons
- Enable Visual Editor In Comments On CPT Edit Page
- Text cut off after the character 𪇆 in TinyMCE
- Adding image to visual editor popup for shortcode with wp.media and wp.mce: changing image duplicates shortcode
- Change Default Font Size and Remove Unwanted Font Sizes in TinyMCE
- TinyMce in WordPress – Getting the “fullscreen” button to stay on the right when customising button layout
- Added custom styles to Visual Editor. Classes are appended and not replaced as intended
- Preserving tabs and line breaks in when switching from HTML to Visual Editor
- How to disable formatting
- Add table button in editor without Plugin
- Make Textarea a TinyMCE (editor box)
- How to get line breaks to translate to paragraphs?
- TinyMCE Visual Blocks plugin set Show blocks option for all users
- Custom TinyMCE style formats disabled
- Adding TinyMCE buttons without removing plugin buttons?
- Visual editor not showing all table rows
- Add buttons to the new TinyMCE WP Editor. Javascript API
- Is it possible to disable the image alignment options in the post editor?
- Open Insert/edit link popup
- Change syntax styling of TinyMCE HTML Text Editor
- More than one TinyMCE (wp_editor) with different $settings[‘drag_drop_upload’] values breaks
- Customer Support: TinyMCE stopped working (on some computers)
- customize tiny MCE blockqute
- Keyup events in tinymce editor not working
- How to force insertion in editor
- Stop editor from adding “amp;” after every “&”
- Visual Editor is blank – 404 for plugin js
- Visual composer causing conflict with TinyMCE [closed]
- enable TinyMCE for comment forms
- Best Browser for Editing Posts
- TinyMCE strips off the href tag inside span, if i change from text to visual
- Wordpres Tinymce custom button (Gavick guide)
- clasic editor – article categories customization?
- How can I change TinyMCE’s default block format?
- Load WordPress Editor .css on Front End
- “Formats” Select Menu in WP Editor doesn’t show up with correct colour
- How to force wp excerpt to use br tag?
- Adding microdata using Structured Data Markup Helper HTML
- How to modify VisualComposer’s TinyMCE editor only for a specific shortcode
- Preventing tinyMCE from auto formatting selected blocks of content
- How to insert image from link in TinyMCE
- Add new MCE button for toggle specific cell background color
- add button to tinymce
- wp_insert_post() dont post content like i need it :(
- WordPress Started Executing Code Inside PRE Tags Even They Are Properly Escaped
- How can I stop TinyMCE from converting my HTML entities to characters?
- Remove hidden formatting when user paste text from MS Word into TinyMCE
- Creating a custom MCE view for your shortcodes [closed]
- Disable TinyMCE autoformatting
- tinyMCE.activeEditor = null WP editor loaded in ‘Text’ mode?
- Keep pasted pre formatted code as it is -with tabs- in visual editor
- Insert text a cursor position in to TinyMCE text editor
- Using main style.css with add_editor_style
- Access tinymce from thickbox
- How can I troubleshoot why TinyMCE won’t load custom plugins in the visual editor?
- TinyMCE Editor as component in Gutenberg Block
- wp_editor on input changes content
- Localize variables with TinyMCE script
- Shift-Enter in tinyMCE (wp 3.3.1) not working
- TInyMCE object Tag stripped
- TinyMCE – how to select tags node from the place where the caret is?
- wordpress 4.4 upgrade visual editor bullets select for not selected elements
- Adding custom styles to elements, without creating new elements
- allowing all HTML tags in tinymce editor
- Save WYSIWYG editor plugin settings, only works after second save
- Front-end image upload from TinyME [closed]
- Embed iFrame in WordPress 3.0.1
- Change the background of the TinyMCE editor with available WP arguments
- How to use WP switchEditors.switchto(this) JS function in your own script?
- TinyMCE doesn’t work correctly in the Media Modal Window
- tinymce and responsive line-breaks (short words after a period)
- Strange wp-admin problem for all users/adminstrators except the original one?
- wp_editor Too Tall when Content is Loaded
- TinyMCE HTML Encode Backslash
- Revealing ‘code’ hidden button in TinyMCE4 and WordPress 3.9.x
- regEx wp core file
- Adding New Row of Custom TinyMCE
- Using TinyMCE fiddle for node filter to add id attribute to anchors
- WYSIWYG with HTML source?
- WordPress and TinyMCE Advanced: Failed to load javascript