Posted By

ryarwood on 07/27/10


Tagged

text gui editor yui admin wysiwyg rich


Versions (?)

YUI Rich Text Editor


 / Published in: JavaScript
 

  1. <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/menu/assets/skins/sam/menu.css" />
  2. <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/button/assets/skins/sam/button.css" />
  3. <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/fonts/fonts-min.css" />
  4. <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/container/assets/skins/sam/container.css" />
  5. <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/editor/assets/skins/sam/editor.css" />
  6. <script type="text/javascript" src="http://yui.yahooapis.com/2.8.1/build/yahoo-dom-event/yahoo-dom-event.js"></script>
  7. <script type="text/javascript" src="http://yui.yahooapis.com/2.8.1/build/element/element-min.js"></script>
  8. <script type="text/javascript" src="http://yui.yahooapis.com/2.8.1/build/container/container-min.js"></script>
  9. <script type="text/javascript" src="http://yui.yahooapis.com/2.8.1/build/menu/menu-min.js"></script>
  10. <script type="text/javascript" src="http://yui.yahooapis.com/2.8.1/build/button/button-min.js"></script>
  11. <script type="text/javascript" src="http://yui.yahooapis.com/2.8.1/build/editor/editor-min.js"></script>
  12.  
  13. <script>
  14.  
  15. (function() {
  16. var Dom = YAHOO.util.Dom,
  17. Event = YAHOO.util.Event;
  18.  
  19. var myConfig = {
  20. height: '300px',
  21. width: '700px',
  22. dompath: true,
  23. handleSubmit: true,
  24. focusAtStart: true
  25. };
  26.  
  27. YAHOO.log('Create the Editor..', 'info', 'example');
  28. var myEditor = new YAHOO.widget.Editor('body', myConfig);
  29. myEditor._defaultToolbar.buttonType = 'basic';
  30. myEditor.render();
  31.  
  32. })();
  33.  
  34. </script>

Report this snippet  

You need to login to post a comment.