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

  • Whenever you search in PBworks, Dokkio Sidebar (from the makers of PBworks) will run the same search in your Drive, Dropbox, OneDrive, Gmail, and Slack. Now you can find what you're looking for wherever it lives. Try Dokkio Sidebar for free.


Developing with NicEdit

Page history last edited by peter 13 years, 3 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.