How-to implement TinyMCE in PHP Embedded on web forms editor is very simple , but the content of processing is what makes it very useful.

Example without a database

More or less useless for a CMS in reality, but good enough to play around with. The sample file – explained below:


// Should use some proper HTML filtering here.
  if($_POST['elm1']!='') {
    $sHeader = '
<h1>Ah, content is king.</h1>

    $sContent = strip_tags(stripslashes($_POST['elm1']),$allowedTags);
} else {
    $sHeader = '
<h1>Nothing submitted yet</h1>

    $sContent = '

Start typing...

    $sContent.= '

<img width="107" height="108" border="0" src="/mediawiki/images/badge.png"'; $sContent.= 'alt="TinyMCE button"/>This rover has crossed over

<title>My test editor - with tinyMCE and PHP</title>
<script language="javascript" type="text/javascript" src="/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
    theme : "advanced",
    mode: "exact",
    elements : "elm1",
    theme_advanced_toolbar_location : "top",
    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,"
    + "justifyleft,justifycenter,justifyright,justifyfull,formatselect,"
    + "bullist,numlist,outdent,indent",
    theme_advanced_buttons2 : "link,unlink,anchor,image,separator,"
    theme_advanced_buttons3 : "",

 <?php echo $sHeader;?>

<h2>Sample using TinyMCE and PHP</h2>

<form method="post" action="<?=$_SERVER['REQUEST_URI']?>">
  <textarea id="elm1" name="elm1" rows="15" cols="80"><?php echo $sContent;?></textarea>

<input type="submit" name="save" value="Submit" />
<input type="reset" name="reset" value="Reset" />


Save the code above into a file ending with .php, upload it to your webserver and test/modify it yourself.

The tinyMCE.init section

In the example above JavaScript tinyMCE.init ({…} part of a few words . Topic : Advanced tells TinyMCE using the ” advanced ” theme , which allows us to configure a large number of custom . → TinyMCE theme documentation Mode : TinyMCE document the exact order TinyMCE does not convert all the text area on the page , but only those we tell it ( see below ) → mode Element : “elm1” with the option above “model ” to tell TinyMCE text field the conversion. This value should contain the text field you want to convert all of the id attribute. → TinyMCE document elements.