feat(Editor): Support wysibb editor

Rhilip · Aug 6, 2019 · c81b8c9 · c81b8c9
1 parent 9a18e20
commit c81b8c9
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,9 +8,10 @@
 - **gitignore:** Add ignore of `/backup` folder
 
 ### Feat
-- **Category:** Add Categories Support when upload torrent
 - **Category:** Add Image and class_name support
+- **Category:** Add Default sprite image of category
 - **Category:** Add Categories Manage Pane
+- **Category:** Add Categories Support when upload torrent
 - **Crontab:** Move From Timer to Process
 - **Gravatar:** Add support of gravatar
 - **Process:** Add custom Process Support

diff --git a/apps/public/static/js/main.js b/apps/public/static/js/main.js
@@ -12,6 +12,14 @@ const paswordStrengthText = {
     4: "Strong ☻"  // very unguessable: strong protection from offline slow-hash scenario. (guesses >= 10^10)
 };
 
+const wysibbSetting = {
+    buttons: "bold,italic,underline,strike,sup,sub,|,img,link,|,bullist,numlist,smilebox,|,fontcolor,fontsize,fontfamily,|,justifyleft,justifycenter,justifyright,|,quote,code,table,removeFormat",
+    allButtons: {},
+    smileList: [
+        /* {img: '<img src="/static/pic/smilies/1.gif" class="sm">', bbcode:"[em]1[/em]"}, */
+    ],
+};
+
 function humanFileSize(bytes, fix, si) {
     let thresh = si ? 1000 : 1024;
     if (Math.abs(bytes) < thresh) {
@@ -86,6 +94,14 @@ jQuery(document).ready(function () {
         }
     }
 
+    // Active Editor
+    $('textarea').click(function () {
+        let that = $(this);
+        if (that.hasClass('to-load-editor')) {
+            that.removeClass('to-load-editor').wysibb(wysibbSetting).addClass('loaded-editor');
+        }
+    });
+
     // Captcha Img Re-flush
     let captcha_img_another = $('.captcha_img');
     captcha_img_another.on('click', function () {

diff --git a/apps/views/layout/base.php b/apps/views/layout/base.php
@@ -44,6 +44,7 @@
     <link rel="stylesheet" href="/lib/flag-css/dist/css/flag-css.min.css">
     <link rel="stylesheet" href="/lib/fontAwesome/css/all.min.css">
     <link rel="stylesheet" href="/lib/zui/dist/css/zui.min.css">
+    <link rel="stylesheet" href="/lib/jqjquery-wysibb/theme/default/wbbtheme.css">
 
     <!-- Custom styles of this template -->
     <link rel="stylesheet" href="/static/css/main.css?<?= $css_tag ?>">
@@ -110,10 +111,11 @@
 <?= $this->section('body') ?>
 
 <!-- Javascript of Library -->
+<script src="/lib/localforage/dist/localforage.min.js"></script>
 <script src="/lib/jquery/dist/jquery.min.js"></script>
 <script src="/lib/zui/dist/js/zui.min.js"></script>
+<script src="/lib/jqjquery-wysibb/jquery.wysibb.js"></script>
 <script src="/lib/bootstrap-validator/dist/validator.min.js"></script>
-<script src="/lib/localforage/dist/localforage.min.js"></script>
 <script src="/lib/jquery.textarea.autoresize/js/jquery.textarea.autoresize.js"></script>
 
 <!-- Custom Javascript of this template -->

diff --git a/apps/views/torrent/upload.php b/apps/views/torrent/upload.php
@@ -128,7 +128,7 @@
         <tr>
             <td class="nowrap"><label for="descr" class="required">Description</label></td>
             <td>
-                <textarea id="descr" name="descr" class="form-control" style="width: 99%"
+                <textarea id="descr" name="descr" class="form-control to-load-editor" style="width: 99%"
                           cols="100" rows="10"></textarea>
             </td>
         </tr>

diff --git a/bower.json b/bower.json
@@ -14,15 +14,16 @@
     "tests"
   ],
   "dependencies": {
-    "zui": "^1.9.1",
     "fontAwesome": "^5.6.3",
-    "jqjquery-wysibb": "^1.5.1",
+    "flag-css": "^0.0.12",
     "html5shiv": "^3.7.3",
     "respond": "^1.4.2",
-    "flag-css": "^0.0.12",
     "zxcvbn": "^4.4.2",
-    "bootstrap-validator": "^0.11.9",
     "localforage": "^1.7.3",
+    "jquery": "2.2.4",
+    "zui": "^1.9.1",
+    "jqjquery-wysibb": "^1.5.1",
+    "bootstrap-validator": "^0.11.9",
     "jquery.textarea.autoresize": "^0.1.1"
   }
 }