MarkupMaster Sample for Website

by greatCar

HTML

<div style="font-family:arial; font-size: 24px">

<div id='39793aab-b3ba-e96e-3c0e-9e99879dd64a' id='39793aab-b3ba-e96e-3c0e-9e99879dd64a' style='position:absolute; margin-top:-1px; pointer-events:none; left:295px; top:261.415px;  height:3px; width:95px; background-color:red;' class='segment0 be36a317-68a9-7fa3-94f3-6b078539d749'></div>
<div class='arrow-up' style='display:none; position:absolute; top:483.415px;  left:96px; '></div>

<div style='top: 253px; position:absolute; margin-top:-1px; pointer-events:none; left:295px;  height:1px;  background-color:red;  transform-origin: 0% 0%; transform: rotate(90deg)' id='segment1' class='segment1 be36a317-68a9-7fa3-94f3-6b078539d749 connector1be36a317-68a9-7fa3-94f3-6b078539d749'></div>
<div class='arrow-up' style='display:none; position:absolute; top:261.415px;  left:96px; '></div>

<div style='position:absolute; margin-top:-1px; pointer-events:none; left:27.755102040816325px;  height:1px; width:266.266px; background-color:red;' class='segment2 be36a317-68a9-7fa3-94f3-6b078539d749 connector2be36a317-68a9-7fa3-94f3-6b078539d749'></div>
<div class='arrow-up' style='display:none; position:absolute;   left:24.755102040816325px; '></div>

<label xo-insert-text-label data-insert-text-orientation='2' display-attach-point-y='252.48125000000002' display-attach-point-x='27.755102040816325' segment-direction='2' class='insertText noSelect singleLineInput' id='xoInsertbe36a317-68a9-7fa3-94f3-6b078539d749'
  xo-name='be36a317-68a9-7fa3-94f3-6b078539d749' style='font-style: italic; font-weight: bold; padding-left: 2px; padding-right: 2px; white-space: nowrap; position:absolute; pointer-events:auto; border: solid; border-width: 1px; border-color:red; left:27.755102040816325px; transform-origin: 0% 0%; transform: rotate(270deg);'>Use markupMaster</label>

<span style = "position: absolute; margin-left: 100px; margin-top:238px">In this document, you may strikeout and enter replacement text.</span>

<span style = "position: absolute;...

CSS

.segment0 {
   top: 261px;
   width: 10px;
}

.insertText {
  top: 253px;
}


.segment1 {
   width: 9px;
}

.segment2 {
  top: 253px;
}

.arrow-up {
    top: 253px;
}

JavaScript

function test() {
    alert("myclick");
  
}