Pixelstrap - Admin Document

Editors

Quill Editor Official link Preview link

To use quill code you have to add the following script files

<!-- quill editor js -->
                    <script src="../assets/css/vendors/quill.snow.css"></script>
                    <script src="../assets/css/vendors/quill.bubble.css"></script>

<!-- quill editor js -->
                  <script src="../assets/js/editors/quill.js"></script>
                  <script src="../assets/js/custom-add-product3.js"></script>

Ace code Official link Preview link

<div class="ace-editor" id="editor">
                  /* Sample JavaScript edit source */
                  // Define a module
                  var app = angular.module('app', ['ui.bootstrap']);
                  // Define a conroller.
                  app.controller('GrokController', ['$scope', '$filter',
                  function($scope, $filter) {
                  $scope.today = function() {
                  $scope.dt = new Date();
                  };
                  $scope.today();
                  $scope.isOpened = false;
                  $scope.open = function($event) {
                  $event.preventDefault();
                  $event.stopPropagation();
                  $scope.isOpened = true;
                  };
                  }]);
                  /* End of sample edit source */
                  </div>

To use ace code you have to add the following script files

<!-- ace code editor js -->
                  <script src="../assets/js/editor/ace-editor/ace.js"></script>
                  <script src="../assets/js/editor/ace-editor/ace-custom.js"></script>
                  <script src="../assets/js/editor/ace-editor/mode-css.js"></script>
                  <script src="../assets/js/editor/ace-editor/mode-html.js"></script>
                  <script src="../assets/js/editor/ace-editor/mode-javascript.js"></script>
                  <script src="../assets/js/editor/ace-editor/mode-php.js"></script>
                  <script src="../assets/js/editor/ace-editor/theme-monokai.js"></script>
                  <script src="../assets/js/editor/ace-editor/worker-css.js"></script>
                  <script src="../assets/js/editor/ace-editor/worker-html.js"></script>
                  <script src="../assets/js/editor/ace-editor/worker-javascript.js"></script>
                  <script src="../assets/js/editor/ace-editor/worker-php.js"></script>