ckeditor installation

  • 1.) create form in html  
  • 2.) go to ckeditor website
  • 3.) go to download editor and choose editor and copy the javascript code  and paste it in header in html file 
  • 4.) and then go to getting started section and copy javascript, editor code(component) and paste that in your html file below the form tag.
  • 5.) change the props from editor to "textarea".

Comments

Post a Comment

Popular posts from this blog

CSS-position property

  position:static; Element cannot be move from their position, that is element get fixed   position:relative; It helps move an element with respect to its original position. position:fixed: It moves the element with respect to the browser windows. The position of the element remains fixed even if we scroll the web page. The next element present after the position element takes the place of the element leaving no gap. position:absolute; It moves the element with respect to the nearest positioned ancestor element. Next element will take the gap. z-index; It is used to position an element along the z axis. It works only positioned on elements.
Read more

How to create Scroll Bar | CSS

HTML/PUG        h1  creating scrollBar       .clsScroll            p  Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sapiente,                 eos quae nam sed dolore aliquam, corrupti iure quo eaque eius ipsam sit.               Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum sunt                  totam adipisci ipsam fuga exercitationem at odio autem corrupti eos,                   illum fugit accusantium quisquam perspiciatis ...
Read more

richTextEditor

  import   React   from   'react' ; import  { Editor ,  EditorState , getDefaultKeyBinding ,  RichUtils }  from   'draft-js' ; import    '../assets/StyleTextEditor.css' ; import   '../../node_modules/draft-js/dist/Draft.css' ; class   RichTextEditor   extends   React . Component  {       constructor (props) {         super ( props );         this . state   =  {editorState:  EditorState . createEmpty ()};         this . focus   =  ()  =>   this . refs . editor . focus ();         this . onChange   =  (editorState)  =>   this . setState ({ editorState });         this . handleKeyCommand   =   this . _handleKeyCommand . bind ( this ); ...
Read more