• If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • Buried in cloud files? We can help with Spring cleaning!

    Whether you use Dropbox, Drive, G-Suite, OneDrive, Gmail, Slack, Notion, or all of the above, Dokkio will organize your files for you. Try Dokkio (from the makers of PBworks) for free today.

  • Dokkio (from the makers of PBworks) was #2 on Product Hunt! Check out what people are saying by clicking here.


Developing with NicEdit

Page history last edited by peter 12 years, 8 months ago

Developing additional plugins and making other modifications of the NicEdit source is easy


Check out the Code

First get a copy of the source code by checking out NicEdit trunk from the SVN


svn co http://svn.nicedit.com/trunk src


Use the Development Code

In order to use NicEdit with the set of separate javascript files for development you will need to include them in the head of the test page you create.  To get you started here is an example.


  2. <script src="src/nicCore/bkLib.js" type="text/javascript"></script>
  3. <script src="src/nicCore/nicConfig.js" type="text/javascript"></script>
  4. <script src="src/nicCore/nicCore.js" type="text/javascript"></script>
  5. <script src="src/nicCore/nicInstance.js" type="text/javascript"></script>
  6. <script src="src/nicCore/nicIFrameInstance.js" type="text/javascript"></script>
  7. <script src="src/nicCore/nicPanel.js" type="text/javascript"></script>
  8. <script src="src/nicCore/nicButton.js" type="text/javascript"></script>
  9. <script src="src/nicCore/nicPlugin.js" type="text/javascript"></script>
  10. <script src="src/nicPane/nicPane.js" type="text/javascript"></script>
  11. <script src="src/nicSelect/nicSelect.js" type="text/javascript"></script>
  12. <script src="src/nicButtonTips/nicButtonTips.js" type="text/javascript"></script>
  13. <script src="src/nicAdvancedButton/nicAdvancedButton.js" type="text/javascript"></script>
  16. <script src="src/nicLink/nicLink.js" type="text/javascript"></script>
  17. <script src="src/nicImage/nicImage.js" type="text/javascript"></script>
  18. <script src="src/nicCode/nicCode.js" type="text/javascript"></script>
  19. <script src="src/nicColors/nicColors.js" type="text/javascript"></script>
  21. <script src="src/nicXHTML/nicXHTML.js" type="text/javascript"></script>
  22. <script src="src/nicBBCode/nicBBCode.js" type="text/javascript"></script>
  25. </head>
  27. <textarea style="width: 400px; height: 150px;" id="myArea2">
  28. This is some TEST CONTENT
  29. </textarea>
  31. bkLib.onDomLoaded(function(){
  32.   var myInstance = new nicEditor().panelInstance('myArea2');
  33. });
  34. </script>
  36. </body>
  37. </html>


Comments (1)

Jenny Fox said

at 4:18 pm on Jul 16, 2009

I'm trying to create a button to clear the field. I added the button fine and I'm using your test file above, as well as the nicExample code. I can get it to bring up the alert, but I can't get it to do anything else... probably because I don't know the syntax to make it do anything else. I cannot for the life of me figure out which variable contains the contents of the field, or how I can reset it to blank. Do you have any suggestions?


You don't have permission to comment on this page.