X
  • November 9, 2015

NetBeans IDE 8.1 Plugins: HTML5 Palette and HTML WYSIWYG Editor

Geertjan Wielenga
Product Manager

Here are two more plugins I have made available today for NetBeans IDE 8.1, specifically for working with HTML:

http://plugins.netbeans.org/plugin/58560/html5-fun-pack

http://plugins.netbeans.org/plugin/56168/html-wysiwyg

Sources of the above, Mavenized and waiting to be forked:

https://github.com/GeertjanWielenga/HTML5Palette

https://github.com/GeertjanWielenga/HTML-WYSIWYG

Both are in the process of being verified, once the community has completed that process, they will be available under Tools | Plugins. Until that moment, just go to the pages above, click Download, then go to Tools | Plugins and install the downloaded NBMs via the Downloased tab.

What do these two plugins give you, exactly? When you open an HTML file, you should see the HTML Palette (or press Ctrl-Shift-8) contains a bunch of new HTML5 snippets, as described here:

https://blogs.oracle.com/geertjan/entry/html5_fun_pack_for_netbeans1

Picture of how you can set things up: 

The other one is more experimental and may not work exactly how you'd like, though it's worth giving it a try. It is a JavaFX WebView on top of the HTML Source Editor, as described here:

https://blogs.oracle.com/geertjan/entry/thanks_javafx_wysiwyg_html_editor

Join the discussion

Comments ( 8 )
  • lzh Friday, November 27, 2015

    Is there a reason why I can't drag an item from the palette to the editor like the old version does?


  • guest Friday, November 27, 2015

    Is there a reason why I can't drag an item from the palette to the editor like the old version does? Also, I can't find source code in github.


  • Geertjan Friday, November 27, 2015

    Here's the source code in GitHub and, yes, you can drag and drop exactly as before.

    https://github.com/GeertjanWielenga/HTML5Palette

    https://github.com/GeertjanWielenga/HTML-WYSIWYG


  • guest Friday, November 27, 2015

    Is the repository suppose to have more than one java files other than package-info.java? Both repositories have the same issues.


  • Geertjan Friday, November 27, 2015

    Why is that a problem? Did you actually take a look at that package-info file? Maybe creating NetBeans plugins is a lot simpler than it seems...


  • LZH Saturday, November 28, 2015

    No, I have been using NetBeans Code Snippet Module Tutorial to learn about the palette component api. I assume you are using scenario 1: simple palette pattern for HTML5Funcpack. When I install HTML5Funcpack plugin, I can drag and drop code into the palette but not from the palette to the editor. I have to double click on the palette item and then the code appears in the editor. The palette that I build/extend can drop code into the editor and not to the palette. When I try to drop code into the palette, I got a message said the palette is not support drag and drop. Could you tell me how to troubleshoot the problems from above? I have a feeling there is some settings in Netbeans that I have missed. I have Netbeans 8.1 install on Windows 8.1 machine.


  • Geertjan Saturday, November 28, 2015

    I just don't understand at all. Here is my e-mail address: geertjan dot wielenga at oracle dot com. Please write and explain somehow what the problem is, I'm not understanding it.


  • jignesh Saturday, January 7, 2017

    dear Geertjan

    i am using netbeans 8.2 and even if i have installed the palate the HTML5 elements and not there....please do a step by step video tutorial to install and use various components of HTML5 Palette and HTML WYSIWYG Editor....It will be a great help to beginners like me.

    thanks and regards..

    jignesh jani

    INDIA.


Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.Captcha
Oracle

Integrated Cloud Applications & Platform Services