chore: update tuidoc config and examples

nhn · Mar 18, 2020 · 7c50de8 · 7c50de8
1 parent 07ae712
commit 7c50de8
Show file tree

Hide file tree

Showing 23 changed files with 263 additions and 21 deletions.
diff --git a/apps/editor/examples/example01-editor.html b/apps/editor/examples/example01-editor.html
@@ -13,7 +13,19 @@
     <link rel="stylesheet" href="../dist/cdn/toastui-editor.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/getting-started.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="editor"></div>
     </div>

diff --git a/apps/editor/examples/example02-editor-with-horizontal-preview.html b/apps/editor/examples/example02-editor-with-horizontal-preview.html
@@ -13,7 +13,19 @@
     <link rel="stylesheet" href="../dist/cdn/toastui-editor.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/getting-started.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="editor"></div>
     </div>

diff --git a/apps/editor/examples/example03-editor-with-wysiwyg-mode.html b/apps/editor/examples/example03-editor-with-wysiwyg-mode.html
@@ -13,7 +13,19 @@
     <link rel="stylesheet" href="../dist/cdn/toastui-editor.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/getting-started.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="editor"></div>
     </div>

diff --git a/apps/editor/examples/example04-viewer.html b/apps/editor/examples/example04-viewer.html
@@ -8,9 +8,26 @@
     <link rel="stylesheet" href="../dist/cdn/toastui-editor-viewer.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/viewer.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
-      <div id="viewer"></div>
+      <div id="viewer">
+        <strong
+          >The example code can be slower than your environment because the code is transpiled by
+          babel-standalone in runtime.</strong
+        >
+      </div>
     </div>
     <!-- Added to check demo page in Internet Explorer -->
     <script src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script>

diff --git a/apps/editor/examples/example05-viewer-using-editor-factory.html b/apps/editor/examples/example05-viewer-using-editor-factory.html
@@ -8,9 +8,26 @@
     <link rel="stylesheet" href="../dist/cdn/toastui-editor-viewer.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/viewer.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
-      <div id="viewer"></div>
+      <div id="viewer">
+        <strong
+          >The example code can be slower than your environment because the code is transpiled by
+          babel-standalone in runtime.</strong
+        >
+      </div>
     </div>
     <!-- Added to check demo page in Internet Explorer -->
     <script src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script>

diff --git a/apps/editor/examples/example06-editor-with-chart-plugin.html b/apps/editor/examples/example06-editor-with-chart-plugin.html
@@ -15,7 +15,19 @@
     <link rel="stylesheet" href="https://uicdn.toast.com/tui.chart/v3.7.0/tui-chart.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <!-- Editor -->
       <h2>Editor</h2>

diff --git a/apps/editor/examples/example07-viewer-with-chart-plugin.html b/apps/editor/examples/example07-viewer-with-chart-plugin.html
@@ -10,7 +10,19 @@
     <link rel="stylesheet" href="https://uicdn.toast.com/tui.chart/v3.7.0/tui-chart.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="viewer"></div>
     </div>

diff --git a/apps/editor/examples/example08-editor-with-code-syntax-highlight-plugin.html b/apps/editor/examples/example08-editor-with-code-syntax-highlight-plugin.html
@@ -18,7 +18,19 @@
     />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <!-- Editor -->
       <h2>Editor</h2>

diff --git a/apps/editor/examples/example09-viewer-with-color-syntax-highlight-plugin.html b/apps/editor/examples/example09-viewer-with-color-syntax-highlight-plugin.html
@@ -13,7 +13,19 @@
     />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="viewer"></div>
     </div>

diff --git a/apps/editor/examples/example10-editor-with-color-syntax-plugin.html b/apps/editor/examples/example10-editor-with-color-syntax-plugin.html
@@ -18,7 +18,19 @@
     />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="editor"></div>
     </div>

diff --git a/apps/editor/examples/example11-editor-with-table-merged-cell-plugin.html b/apps/editor/examples/example11-editor-with-table-merged-cell-plugin.html
@@ -14,6 +14,17 @@
   </head>
   <body>
     <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
     </div>
     <div class="code-html tui-doc-contents">
       <!-- Editor -->

diff --git a/apps/editor/examples/example12-viewer-with-table-merged-cell-plugin.html b/apps/editor/examples/example12-viewer-with-table-merged-cell-plugin.html
@@ -8,7 +8,19 @@
     <link rel="stylesheet" href="../dist/cdn/toastui-editor-viewer.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="viewer"></div>
     </div>

diff --git a/apps/editor/examples/example13-editor-with-uml-plugin.html b/apps/editor/examples/example13-editor-with-uml-plugin.html
@@ -13,7 +13,19 @@
     <link rel="stylesheet" href="../dist/cdn/toastui-editor.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <!-- Editor -->
       <h2>Editor</h2>

diff --git a/apps/editor/examples/example14-viewer-with-uml-plugin.html b/apps/editor/examples/example14-viewer-with-uml-plugin.html
@@ -8,7 +8,19 @@
     <link rel="stylesheet" href="../dist/cdn/toastui-editor-viewer.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="viewer"></div>
     </div>

diff --git a/apps/editor/examples/example15-editor-with-all-plugins.html b/apps/editor/examples/example15-editor-with-all-plugins.html
@@ -24,6 +24,17 @@
   </head>
   <body>
     <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
     </div>
     <div class="code-html tui-doc-contents">
       <!-- Editor -->

diff --git a/apps/editor/examples/example16-viewer-with-all-plugins.html b/apps/editor/examples/example16-viewer-with-all-plugins.html
@@ -18,7 +18,19 @@
     />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="viewer"></div>
     </div>

diff --git a/apps/editor/examples/example17-creating-plugin.html b/apps/editor/examples/example17-creating-plugin.html
@@ -13,7 +13,19 @@
     <link rel="stylesheet" href="../dist/cdn/toastui-editor.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+      <br />
+      You can see the tutorial
+      <a
+        href="https://github.com/nhn/tui.editor/blob/master/apps/editor/docs/plugins.md"
+        target="_blank"
+        >here</a
+      >.
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="editor"></div>
     </div>

diff --git a/apps/editor/examples/example18-using-command.html b/apps/editor/examples/example18-using-command.html
@@ -13,7 +13,12 @@
     <link rel="stylesheet" href="../dist/cdn/toastui-editor.css" />
   </head>
   <body>
-    <div class="tui-doc-description"></div>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+    </div>
     <div class="code-html tui-doc-contents">
       <button id="btn" class="btn">Execute the "Bold" command</button>
       <div id="editor"></div>

diff --git a/apps/editor/examples/example19-customizing-toolbar-buttons.html b/apps/editor/examples/example19-customizing-toolbar-buttons.html
@@ -48,6 +48,12 @@
     </style>
   </head>
   <body>
+    <div class="tui-doc-description">
+      <strong
+        >The example code can be slower than your environment because the code is transpiled by
+        babel-standalone in runtime.</strong
+      >
+    </div>
     <div class="code-html tui-doc-contents">
       <div id="editor"></div>
     </div>