Posts

Showing posts with the label Editable Table

Parse Code Styling: Instruction Code

-
  Parse Code Styling: Instruction Code  Comand: Add break tags for break  Add space tags for space  Add shift tagg for shift  Add tab tagg for tab Add br tatg and comment before starting open tgg  Add the inline style following examples given billow -  HTML Section: <br /> for break  &nbps; for space  <span style="color: #0DE834;" >&lt;</span> for "&lt;" <span style="color: #0DE834;" >&gt;</span> for "&gt;" <span style="color: red;" > div </span> for  open "tgg" and close "/tagg" name  <span style="color: deepskyblue;"  > class </span> for tagg's attributes attribute name <span style="color: gold;"  > ="text-area" </span> for value of tagg's attribute  JS Script Section: Edit the Parse code given below -  HTML  Open Tag: <span style="color: #0DE834;" >&lt;</span> <sp...
Post a Comment
Read more

"Undo" "Redo" Button with icon: in Page top left

-
  "Undo" "Redo" Button with icon: in Page top left  Code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Editable Table with Undo/Redo</title> </head> <body style="font-family: Arial, sans-serif;"> <div class="toolbar" style="display: flex; gap: 10px; left: 10px; position: fixed; top: 70px;">   <button disabled id="undo-btn" onclick="undoChange()" style="background: lightskyblue; border-radius: 7px; color: white; font-size: 20px; padding: 5px; border: 1px solid; border-radius: 7px;">↺ Undo</button>   <button disabled id="redo-btn" onclick="redoChange()" style="background: lightskyblue; border-radius: 7px; color: white; font-size: 20px; padding: 5px; border: 1px solid; border-ra...
Post a Comment
Read more