How to add TinyMCE to a

Hi there!

Okay.. in order to use the “Ultimate Tinymce” edtior.. the textarea needs to have been created using the wp_editor() function. So, since this is not done automatically by CF7 (maybe it is, I don’t know??); you will probably need to use some custom javascript to render that CF7 textarea as a RTE (rich text area) textarea rather than a normal textarea.

or even add it to every text box on the site?

This is overkill; and will surely come back to haunt you. I would strongly discourage doing it this way.

like comment section

Impossible at this time. WP’s comment system is tied into the DOM. As replies are made to comments.. they are moved around the DOM. The tinymce editor does not work well when elements are moved around the DOM.

So.. going back… I would say let’s use some javascript to render that CF7 textarea as a RTE textarea.

Are you using a child theme? Or do you have an area where you can insert custom functions?

I’m using Surfarama theme from wordpress themes, and I am a complete newb when it comes to languages, but tell me how to get what you need and I’ll get it for you.

Thanks for the immediate support.

The first thing you need to do is create a child theme.

This will allow you to write and use custom functions.. without having to modify your theme (or WP) files. When you update the theme or WP, if you have customizations in those files, they will be over-written.

So, setup a child theme!!

Here are the quick and dirty steps:

1. Create a new folder in the wp-themes directory.
2. In this new folder, create a file named style.css and another named functions.php.
3. In the style.css file, you will want to import your original themes stylesheet. It should look similar to this:
@import url("../surfarama/style.css");
You may want to double-check the name of the main theme directory.

Now.. if everything is done correctly… you should see your new child theme in your admin->themes section.

Activate that theme… and you should not notice any changes in your site. Everything should appear exactly as before (except maybe a background image or other minor stuff).

So… do all that… and let me know when you are done.

What do I put in functions? leave it blank?

Well.. that’s where we are going to add our custom function. But for now, just add the opening and closing php tags; like this:

<?php

?>

I’ll work on the function for you. Lemme know when you have the child theme setup correctly.

NOTE: Make sure to use a code editing software (like Notepad++) when working with code files. Using Microsoft notepad or wordpad will create problems.

Okay I’ve done exactly as you said but a duplicate theme didn’t not appear in “Manage Theme”, here’s the style.css and the functions.php files:

https://puu.sh/5ux9W.png

I edited the css file into “@import url(../surfarama/style.css)” but I still don’t see another duplicate of the theme in Manage themes

See

https://codex.www.ads-software.com/Child_Themes

(hi Josh :). )

You’re missing the template line in the child theme style.css file

Thank you WPyogi you were right

https://puu.sh/5uzUq.png

The one on the right is the current theme and the left is the child theme, I’m surprised there’s a difference in color, the social tags are also missing, it’s strange because it loaded the Oswald family font but not the colors, I wonder why..

((Hi WPyogi!)) ((Hope all is going well with that thing we discussed!))

@abbsjr,
Yeah, some of the settings might need to be reset. Just go back to wherever you set those options.. and see if you can reset them again.

Alright

I’m waiting for you to figure out what to type into the functions.php now

Okay… I’ve ran into an issue while writing the function. I’m getting ready to create a WP Trac Ticket… to see what they say.

One question… are you ‘married’ to this contact plugin? I think there is another contact plugin which allows for tinymce textareas in the forms.

You may want to check out this one:
https://www.ads-software.com/plugins/si-contact-form/

I’ll post a link to the trac ticket here.. so you may monitor the ticket as well.

EDIT:
Link to trac ticket:
https://core.trac.www.ads-software.com/ticket/26295#ticket

I installed the plugin you just posted and the normal contact form template doesn’t have tinymce’s with it, so at the moment I’m looking around the plugin settings and online to see how I can implement it.

To be honest with you, I would much prefer to use CF7 instead of “Fast Secure Contact Form”.

Thanks for the support, I have never bothered rating a plugin but you guys really deserve it and encouraged to do so.

Thank you for your time

Wow – Thank you very much!!

You know… it’s honestly the people who use the plugin every day who make the best suggestions for it’s future development!

Well, I have installed CF7 on my test site.. and have exactly replicated your circumstances. I completely understand about not wanted to switch plugins.

I will post back as soon as I make some progress.