Okay… here we go…
1. In your admin panel, on the contact form you have created, you are going to need to add an ID to the textarea.
Here is what mine looked like:
<p>Your Name (required)<br />
[text* your-name] </p>
<p>Your Email (required)<br />
[email* your-email] </p>
<p>Subject<br />
[text your-subject] </p>
<p>Your Message<br />
[textarea textarea-354 id:my_test] </p>
<p>[submit "Send"]</p>
You can also create a new textarea by clicking the “Generate Tag” button and choosing “Textarea”… then assign it an ID. You can see how mine has an ID of my_test. I would name yours the same.. as the following code depends on this name.
2. Next.. we need to add this code to your functions.php file in your child theme folder. You should already have the following in this file:
<?php
?>
So, we want to REPLACE that with the following code:
<?php
function add_tinymce_textarea($content) {
if (is_page(187)) {
$new_content = wp_editor('','my_editor');
$content = $content . $new_content;
return $content;
}
}
add_filter('the_content', 'add_tinymce_textarea');
function my_wp_head() {
if (is_page(187)) {
wp_enqueue_script('jquery');
?>
<script type="text/javascript">
jQuery(document).ready(function($){
content = $('#wp-my_editor-wrap');
$('#my_test').replaceWith(content);
});
</script>
<?php
}
}
add_action('wp_head','my_wp_head');
?>
Remember to use the code editor as I suggested above.
3. Save your functions.php file to your child theme.
Now, re-visit the page from the front-end of the website and you should see the tinymce editor.
