editor in html code example
Example 1: how to make a text editor in html
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';
}
Example 2: online html editor
<!-- Answer to: "online html editor" -->
<!--
A common good "online editor" would be:
https://jsfiddle.net/
However, for an online editor focusing specifically on html
this one is pretty good:
https://html-online.com/editor/
-->
Example 3: html online editor
<!-- Good HTML Online Editors -->
<!-- Links -->
https://repl.it
https://codeply.com
https://jsfiddle.net
https://codepen.io
Example 4: html online editor
// Use the w3schools tryit editor
//for example below address
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
Example 5: online html editor
<!-- Use CodePen -->
https://codepen.io/