WordPress.org

Support

Support » Plugins and Hacks » [Resolved] How to add TinyMCE to a

[Resolved] How to add TinyMCE to a

  • The Plugin works just fine from the WordPress dashboard, but I’m at the moment using Contact form 7 for people to submit article to me through that, and the plugin doesn’t add the buttons to the text area, is there a way I can add it to that page only? or even add it to every text box on the site? like comment section and other pages?

    I’m trying to make it show up on “Full Article Content” on this page: http://www.mustknowbefore.com/add-article/

    And I would like to applaud you what a wonderful plugin.

    Thanks

    http://wordpress.org/plugins/ultimate-tinymce/

Viewing 15 replies - 1 through 15 (of 45 total)
  • Plugin Author Josh

    @josh401

    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.

    Plugin Author Josh

    @josh401

    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?

    Plugin Author Josh

    @josh401

    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:

    http://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

    WPyogi

    @wpyogi

    Forum Moderator

    WPyogi

    @wpyogi

    Forum Moderator

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

    Thank you WPyogi you were right

    http://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..

    Plugin Author Josh

    @josh401

    ((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

    Plugin Author Josh

    @josh401

    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:
    http://wordpress.org/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:
    http://core.trac.wordpress.org/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

    Plugin Author Josh

    @josh401

    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.

Viewing 15 replies - 1 through 15 (of 45 total)
  • The topic ‘[Resolved] How to add TinyMCE to a’ is closed to new replies.