I enjoy simplicity, in everything. Unnecessary complexity is evil. Have a look at my WordPress plugins.

New WP Plugin: WYSIWYG Widgets

Yesterday i’ve released my newest plugin for WordPress, WYSIWYG Widgets. The name says pretty much all there is to say but let’s get into detail on what this plugin does and why you should use it. Nothing says more then screenshots right?

After installing this plugin you should see the above block appearing as a widget you can use. Let’s drag this widget to one of my widget areas and see what it does.

Nothing fancy so far. This looks just like WordPress’ default Text widget?! Let’s click the textarea to insert some text or html.

Whoa. This WYSIWYG (that looks quite familiar from the post editor) just popped up. This is where you (or your client) can easily produce HTML (and inline CSS) mark-up without actually having to know any HTML. When you’re done creating stunning content just click the ‘Send to widget’ and the HTML gets inserted in your widget’s textarea.

All the features you love from WordPress’ default post editor now available to use in your widgets. Media uploading and inserting, easy bullet lists, linking to other pages on your blog, colors, pretty much whatever you like.

One last screenshot, showing the WYSIWYG Widgets editor filled with some content.

Head over to the WordPress repository to download this plugin and tell me what you think. Experiencing any problems or bugs? Please let me know trough the WYSIWYG Widgets support forums.

Share this post: on Twitter on Facebook

30 Responses to “New WP Plugin: WYSIWYG Widgets”

  1. Hi Danny,
    Very nice plugin, though there is a problem in the widgets administration page on WordPress with RTL support. for some reason the admin css he-IL is not loaded.

    I’m not sure why it happens – I just know it does. this is causing the page to be displayed LTR (annoying).

  2. failure with installing:
    Parse error: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in /hsphere/local/home/doshnl/dosh.nl/wp/wp-content/plugins/wysiwyg-widgets/php/frontend.php on line 7

    what to do?

    • Hi Leonard.

      Looks like your host is not running PHP 5. WordPress 3.2 has PHP 5 as a requirement, and so does this plugin. I highly recommend you to contact your host and ask him to update PHP.

  3. Neat plugin idea you have here. I’m going to install and try it (I was wondering why there was no beautified widget).

    A little off topic… have you developed a way (or know of any way) to stop the wp wysiwig editor from stripping code and tags from posts and pages. I HATE it that wp does this, and judging from the number of other people commenting about the wp intrusion into our posts, a lot of other people hate it.

    For example, I have a shopping cart that is hosted at a third party. To display a product in one of my posts I am supposed to go to the shopping cart site, grab a bit of jscript code that they prepare for me, and drop it into my post where I want it to appear.

    Works fine if I just paste into the html editor. But if I ever switch to the wysiwig editor all my “invalid” code (according to wp) is stripped out. Argh!!

    Anyway, sorry for the long winded post… just thought you might have some good idea about this.

  4. danny,
    ik heb je plug in op de website gezet, alleen als ik ´m test, geeft ie aan dat naam en emailadres verplicht zijn. terwijl ik alleen een invulveld heb voor ´emailadres´
    wat gaat er mis? welke vinkje heb ik uit of aanstaan waardoor het niet werkt?
    ik hoor graag van je.

  5. Hi danny,

    the wysiwyg widget is still the same regular text widget. it didn’t auto change to a wysiwyg editor? do i need to install tinymce or something for it to work? thanks

    • Hi Adrian,

      Did you try dragging the newly added ‘WYSIWYG Widget’ to one of your widget area’s and clicking the textarea? That should make the visual editor pop-up in a thickbox screen.

      • hello Dan,

        Yes did exactly the same thing, dragged the widget to my sidebar1 but no visual editor poped up. i’t just behaved like the normal text widget, i mean i can only see a normal text widget and when i clicked too on the textarea nothing happened.

        could you also provide a short video tutorial of it? hope im not asking too much. maybe im just missing something on the procedure.

        thanks dan.

    • Hi dan! found the issue, indeed it’s because of the installed Dean’s FCKEditor 3.3.1 . when i disabled it, the visual editor pop-up showed up. thanks. i guess you can add it in your note. thanks!

      • Hi Adrian!

        Allright! I’m glad you got it to work. It won’t be easy to make the plugin compatible with FCKEditor (if even possible) so guess you’ll have to do with this. Hope you like it though! :-)

  6. Hi danny,
    Your widget is perfect ! thank you very much.

    I have a question …
    on wysiwyg i add some line break.
    But when i send to widget, all line break disappears.

    what to do ?

    Thank

    • Hi Julien,

      Make sure to check the checkbox beneath the textarea that says ‘Automatically add paragraphs’. That will convert all linebreak’s to paragraph’s when printing the output on the frontend of your website. :-)

  7. Hi,

    Am considering using this plugin. But before I go through the trial, would this plugin enable me to customize my footers, i.e. center text on a footer? Adding other things seems quite doable but, centering is what I’m after.

    Thank you for your help.

    • The WYSIWYG editor that comes with WordPress has an option to align text in the center. So if you’re footer widget area’s span the whole footer then you can most certainly center text in your footer. :-) It depends on your theme though.

  8. Danny,

    Thank you for your prompt response. I’m inquiring about my other blog’s theme, Coraline, which is cool but it has its limitations if you’re not css or php savvy. If Coraline’s footer widgets are not good for this, then which themes are most editable with your plugin?

    Most kind thanks again from Panama.

  9. Danny,

    Every time I click on the text area and the Wysiwyg editor opens, it adds multiple   lines. Is this because I have wpautop disabled?

  10. Hi There,

    Thanks for the plugin, someone just pointed it out on a forum!

    I use TinyMCE Advanced for all my sites – does the plugin automatically use this, or does it just use the standard TinyMCE ?
    TIA, Dave

  11. hey Danny – thanks for the fab plugin – what a great time saver!

    Thought I’d just let you know it doesn’t work in Chrome. Not sure if it’s conflicting with a plugin I have installed or not – I just switched to Firefox & voila!!

    cheers

    Stef

  12. Hi Dan,

    I’m wondering how you can use the Wysiwyg plugin with the newsletter sign-up form you also created. I have both plug-ins installed but the newsletter sign up form loads as a basic text widget. I also have TinyMCE installed. Any help would be much appreciated.
    Thanks,
    Viv

    • Hi Viv,

      WYSIWYG Widgets has some problems with some browsers and the current WordPress version. For some, it works just fine, for others it doesn’t. Upon clicking on the Newsletter Sign-up Widget’s textarea a visual editor should pop-up. If not, try using the WYSIWYG Widget and use the [newsletter-sign-up-form] shortcode.

      Hope that helps!

      Danny

  13. Hi Danny,

    Compliment of the seasons to you.

    I am new to WordPress, HTML and CSS and want design a website hence been taking online training with Open Source Training. I wanted to add text to the right hand side column and Your widget WYSIWYG was recommended. I am using twentyten themeand and Mozilla Firefox browser. I have installed your widget and it does not show any tool bar even after clicking on the text area. I have read all the comment mentioned and your feedback and could not find any solution.

    What should I do?

  14. Hi,
    this plugin stopped behaving correctly with WP 3.3, both in Safari and Firefox (Lion). ‘Visual’ does not work at all; the kitchen sink is gone and you can’t add any text.
    Your somewhat annoying donation reminder that pop ups when clicking the plugin admin page within WP becomes sort of ironic.
    I’d love to support your work, when working again, though the ‘reminder hack’ is a bit of a turn off, working or not.

Leave a Reply