text editor in html form

    function chooseColor(){
      var mycolor = document.getElementById("myColor").value;
      document.execCommand('foreColor', false, mycolor);
    }

    function changeFont(){
      var myFont = document.getElementById("input-font").value;
      document.execCommand('fontName', false, myFont);
    }

    function changeSize(){
      var mysize = document.getElementById("fontSize").value;
      document.execCommand('fontSize', false, mysize);
    }

    function checkDiv(){
      var editorText = document.getElementById("editor1").innerHTML;
      if(editorText === ''){
        document.getElementById("editor1").style.border = '5px solid red';
      }
    }

    function removeBorder(){
      document.getElementById("editor1").style.border = '1px solid transparent';
    }

View another examples Add Own solution

Log in, to leave a comment

4

7

Amin Nasim saravi 125 points

                                    
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
  &lt;title&gt;Edit Article&lt;/title&gt;
  &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=utf-8&quot;/&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;ckeditor.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;h1&gt;Edit Article&lt;/h1&gt;
  &lt;form action=&quot;form_handler.php&quot; method=&quot;post&quot;&gt;
    &lt;div&gt;
      &lt;textarea cols=&quot;80&quot; rows=&quot;10&quot; id=&quot;content&quot; name=&quot;content&quot;&gt; 
        &lt;h1&gt;Article Title&lt;/h1&gt;
        &lt;p&gt;Here's some sample text&lt;/p&gt;
      &lt;/textarea&gt;
      &lt;script type=&quot;text/javascript&quot;&gt;
        CKEDITOR.replace( 'articleContent' );
      &lt;/script&gt;
      &lt;input type=&quot;submit&quot; value=&quot;Submit&quot;/&gt;
    &lt;/div&gt;
  &lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

Thank you! 7

4 (7 Votes)

0

Are there any code examples left?

Find Add Code snippet

New code examples in category Html

Html 2022-03-27 21:55:05 how to kill html
Html 2022-03-27 21:55:02 How to create web urls without extensions
Html 2022-03-27 21:45:11 space between 2 h tags without break
Html 2022-03-27 21:40:13 how to resize submit button in html
Html 2022-03-27 20:40:18 https://www.codegrepper.com
Html 2022-03-27 19:55:09 show image inside table with innerhtml
Html 2022-03-27 19:30:47 html email input
Html 2022-03-27 18:45:01 how to add favicon in html
Html 2022-03-27 18:15:21 picture html
Html 2022-03-27 18:15:11 ex: javaasdasdasdasd

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

html page text editor w3schools html text editor input type text editor html how to make an html editor create text editor using html open html file in text editor open html file text editor html editor to write text display text from a wysiwyg editor in html How to make a HTML editor text editor inside html online text editor with html tag text editer for html get html code from text editor rich text editor for html form make a html file editor text-editor html html text-editor in browser text editor html html make a text editor html text editor software input text editor html free html text editor for website free online html text editor online html text editpr text to html online editor html text editor html text editor html page text to html editor free how to make text editor html online text editor html html create text editor free text editor in html editor in input field html free text editor html html how to create text editor creating a text editor using html html for text editor form control html for text editor text editor to html how to create a plain editor in html text editor form html how to create a text editor in html enligh how to create a html text editor text editor to html online text editor tag in html how to add editor in html rich text editor in html w3schools html txt editor create html file from text editor how to make text editor with html add text editor html online text to html editer free text editor for html text editor for html page text editor input html how to include text editor in html make a code editor in html online text editor rich html text editor html wysiwyg html text editor code best text editor to code html build text editor in html text edit html html text editor for web html to text editor form editor html html editor text simple html text editor package text editor html online free text editor online html text editor html example paragraph editor example in html how to view html code from a text editor which text editor is best for html implement text editor in html html text editor online html editor to edit html text editor from for html text editor form for html htmltext editor online easy html text editor text html editor code a text editor html best text editor for html html text editor for website making text editor in html editor in html how to make a code editor in html text editor field html online html text editor how to create simple text editor in html html editor online text to html editor edit html code live html text editor how to add text editor in html form txt html editor editor of text html online text to html editor text editor html online text to html editor online html online text editor What is a text editor in HTML? text editors for html build html text editor html text editors text editor for html website add text editor in html form add text editor in html simple html text editor text editor in html form editor text html editor texthtml free html text editor wysiwyg text editor html text editor in html text editor in web html text editor in weg html how to implement text editor in html how to add a text editor in html how to make a text editor with html basic html text editor code how to make text editor in html best html text editor on page text editor html create html website create html text editor create a simple webpage using html text editor output html Text editor code in HTML how to make a text editor html how to "<" how to add rich text editor in html text editor created in html css create text editor in html html create a text editor text editor css html support what text editor to use for html html text editor text editor html how to create text editor in html text editor for html html text editor tutorial Simple texteditor in html simple text editor in html create editor in html make the whole page a text editor in html simple text ediotr in html get text note editor html simple text editor html text editor in html page how to create a text editor in html code of a good text editor for form in webpages create a text editor in html how to make a html text editor in html how to make a html text editor make a editor in html make text editor in html how to make editor in html text on picture html text editor in swift make image inline with text css how to make your cursor an image in html html how to make editor tutorial html make a text editor make a editor text html how to make a text editor in html how to create a txt to html html css js

Made with love

Welcome Back!

Sign up to unlock all of IQCode features:

Test your skills and track progress
Engage in comprehensive interactive courses
Commit to daily skill-enhancing challenges
Solve practical, real-world issues
Share your insights and learnings

Create an account

Create a Free Account

Sign up to unlock all of IQCode features:

Test your skills and track progress
Engage in comprehensive interactive courses
Commit to daily skill-enhancing challenges
Solve practical, real-world issues
Share your insights and learnings

Create an account

Creating a new code example