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>