Tag Archives: WYSIWYG Editor

[Tutorial] How to Use TinyMCE WYSIWYG Editor in WordPress Plugin / Theme Admin Page

In some case we need to store HTML data for our WordPrss Plugin or Themes admin  settings/options. We want to add/edit this HTML in visual mood. So we must have to use an  WYSIWYG editor with inputs fields.  There are some JavaScript library to create WYSIWYG editor with HTML input fields ( mostly for <textarea>). Most people like TinyMCE Library. TinyMCE is a platform independent web based JavaScript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. TinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems. In WordPress there is a build in TinyMCE library. WordPress is using this TinyMCE WYSIWYG editor in post/page editor page.  But some times we need to use this editor with any other field like theme settings page. Here I will show you how to use this build in TinyMCE editor with your own fields. Continue reading