Browse Source

[220504] 編輯器下方增加編輯完成按鈕

yukyo0821 2 years ago
parent
commit
6bce2e24c7
2 changed files with 8 additions and 5 deletions
  1. 3 3
      backstage/static/js/editor.js
  2. 5 2
      backstage/templates/editor.html

+ 3 - 3
backstage/static/js/editor.js

@@ -161,8 +161,7 @@ axios.get(contentApiUrl).then(({ data }) => {
     } */
 });
 
-submitButton.onclick = function () {
-
+function editorSave() {
   editor.save().then((outputData) => {
     //console.log('Article data: ', outputData);
     //var mdContent = GetMdHeader();
@@ -289,4 +288,5 @@ for (var idx = 0; idx < blockArray.length; idx++) {
 
   //axios.post(contentApiUrl, json = postData);
 
-}
+}
+submitButton.onclick = editorSave

+ 5 - 2
backstage/templates/editor.html

@@ -4,7 +4,7 @@
   <div class="ui two column very relaxed grid">
     <!-- <div class="column column__edit"> -->
     <div class="container col-sm-12 col-md-8">
-      <button id='submit_button' class="btn__submit mb-3"><b>編輯完成</b></button>
+      <button id='submit_button' class="btn__submit mb-3" onclick="editorSave();"><b>編輯完成</b></button>
 
       <h3 style='display: none;' class="h3 column__h3"><i class="fas fa-user-edit mr-1 mb-2"></i> 作品編輯</h3>
       <table class="table table-bordered">
@@ -71,7 +71,10 @@
             id="add_hr_button">+換行</button></span><span><button class="btn__arTitle mb-2"
             id="add_mt5_button">+mt5</button></span>
       </div>
-
+      <br />
+      <div>
+        <button id='submit_button' class="btn__submit mb-3" onclick="editorSave();"><b>編輯完成</b></button>
+      </div>
     </div>
     <!-- <div class="column column__preview">
       <h3 class="h3 column__h3"><i class="fas fa-eye mr-2"></i>預覽頁面</h3>