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

  • You already know Dokkio is an AI-powered assistant to organize & manage your digital files & messages. Very soon, Dokkio will support Outlook as well as One Drive. Check it out today!


Developing with NicEdit

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