2024년 12월 22일 (일) 16:44 기준 최신판

@@ 44번째 줄: / 44번째 줄: @@
 결론: Parsoid -> Scribunto -> 브라우저 HTML 렌더링 순으로 작동된다.
-<div class="container">
+==JSON Editor==
+{{#css:
+    code {
+      background-color: #f5f5f5;
+    }
+    #containerLeft {
+      display: inline-block;
+      width: 500px;
+      height: 500px;
+      margin-right: 10px;
+      overflow-y: scroll;
+    }
+    #containerRight {
+      display: inline-block;
+      width: 500px;
+      height: 500px;
+    }
+    #containerRight .different_element {
+      background-color: #acee61;
+    }
+    #containerRight .different_element div.jsoneditor-field,
+    #containerRight .different_element div.jsoneditor-value {
+      color: red;
+    }
+    #containerLeft .different_element {
+      background-color: pink;
+    }
+    #containerLeft .different_element div.jsoneditor-field,
+    #containerLeft .different_element div.jsoneditor-value {
+      color: red;
+    }
+}}
+<div class="jsoneditor-container">
      <h1>Meta schema</h1>
-     <div class="row">
+     <div class="row" style="display:inline-flex;flex-direction:row;">
-         <div class="col-xs-12 col-md-6">
+         <div id="containerLeft">
              <div class='json-editor-container'></div>
          </div>
-         <div class="col-xs-12 col-md-6">
+         <div id="containerRight">
-             <label class="sr-only" for="value">Value</label>
+             <htmltag tagname="label" class="sr-only" for="value">'''결과'''</htmltag>
-             <textarea class="form-control" id="value" rows="12" style="font-size: 12px; font-family: monospace;"></textarea>
+             <htmltag tagname="textarea" class="form-control" id="value" rows="12" style="font-size: 12px; font-family: monospace;"></htmltag>
          </div>
      </div>