log inhelp

View
 

Developing with NicEdit

Page history last edited by peter 15 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.

 

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

 

Comments (1)

Jenny Fox said

at 4:18 pm on Jul 16, 2009

Brian,
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?

--jenny

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

Printable version