Blog

16

How to Add TinyMCE to ClassiPress

July 12, 2009 | David | Tips & Tricks

This is a feature that everyone has been asking for and I’ve finally got around to implementing it. You can now add an HTML WYSIWYG editor to the new ad submission description field. So if you’ve enabled the “Allow HTML Code” option in CP, your customers will be able to do some basic html markup to their ad submission!

This feature will be in v2.9.3 but if you wanted to get a head start and use it now, you can easily add it to your site. Use at your own risk though. This code worked fine for me but your configuration might be different.

All you need to do is edit post-form.php and paste in the following code at the top.

if ( get_option('filter_html') == "yes" ) { 






} 

You might need to change your .js paths or some of the parameters but this should work. I’ve set it up to use the existing tinyMCE code bundled with WordPress so you don’t need to download or install the core tinyMCE package.

If you get everything working properly, it should look like this:

tinyMCE-classipress

Then try submitting a new ad and see how it works out. For examples and additional parameters you can add/remove, go visit the tinyMCE example page and have at it.

16 Responses to “How to Add TinyMCE to ClassiPress”

  1. 5 Comments

    7/10 Joined

    Jeff Jul 13, 2009 11:11 am
    customer

    This works great after refreshing browser cache. Now, how about for the edit ad page?

  2. You should be able to add the same code to the tpl-edit-ad.php file around line 130 (below the other javascript about halfway down).

  3. This should be helpful to whom bought the classpress theme!

  4. Could classipress be modified to be a jobs board?

  5. 5 Comments

    7/10 Joined

    dubya Jul 19, 2009 12:20 pm
    customer

    Works great on the post form, but I can’y seem to get it to work on the edit form. Any ideas?

  6. 5 Comments

    7/10 Joined

    Jeff Jul 19, 2009 12:50 pm
    customer

    I have the same problem and posted it on the forums for resolution.

  7. 5 Comments

    7/10 Joined

    leland Jul 20, 2009 7:17 am
    customer

    What other things will be added in the 2.9.3 edition

  8. It should be included in Edit Ad as well.

  9. hi, im sorry im not a coder but could anyone tell me were exactly should this code go ? in the top were ??
    what line
    1
    2
    3
    i tried place it everywhere even replacing the fist lines of code and all i get are errors !

  10. 5 Comments

    7/10 Joined

    darkcast – The code needs to go at the very top of your post-form.php file. It needs to start at line 1. If you still can’t get it working, check the forum.

  11. 3 Comments

    7/10 Joined

    Congratulations on your project, I gained this week and I am very happy. In relation to the edit page so do not hesitate to put also the tinyMCE?

  12. I try to add this script to top the post-form.php. It works fine, but it has a very very small problem that the page load header first and continoue load the content, it so slowly.

    I cut and paste everywhere, but still this problem.

    What can i do now?

  13. ah, if i don’t add this script, the page load all page and so fast.

  14. fantastic upgrade :)

  15. Olá amigo sou do Brasil, cidade de São Paulo. Tentei colocar o código no arquivo : tpl-edit-ad.php , porém nao tive sucesso… pode me explicar melhor ? qual seria o lugar exato? seria o código inteiro? me ajude… abraços

    Hello friend I am from Brazil, São Paulo. I tried to put the code in
    File: tpl-edit-ad.php, but I had no success … can you explain
    better? what is the exact place? be the entire code? help me …
    hugs

  16. I like this (tinycme on classipress) very much.
    thanks for your project

Comments are closed.

css.php