vendor/uvdesk/core-framework/Resources/views/Templates/tinyMCE.html.twig line 1

Open in your IDE?
  1. <script src="{{ asset('bundles/uvdeskcoreframework/js/tinymce/tinymce.min.js') }}"></script>
  3. <script type="text/javascript">
  4.     var sfTinyMce = {
  5.         tinymce : tinymce,
  6.         options : {
  7.             browser_spellcheck : true,
  8.             selector: '.uv-view textarea',
  9.             branding: false,
  10.             relative_urls : false,
  11.             remove_script_host : false,
  12.             image_title: true,
  13.             autoresize_max_height: 350,
  14.             theme: 'modern',
  15.             menubar: false,
  16.             height: 150,
  17.             toolbar: 'undo redo | bold italic | forecolor | bullist | numlist | link | spellchecker | code | image | styleselect',
  18.             spellchecker_languages: 'English=en',
  19.             plugins: [
  20.                 'spellchecker advlist autolink lists link charmap print preview hr anchor pagebreak',
  21.                 'searchreplace wordcount visualblocks visualchars code fullscreen',
  22.                 'media nonbreaking table directionality',
  23.                 'emoticons template paste textcolor colorpicker textpattern codesample toc',
  24.                 'autoresize image imagetools',
  25.                 'mention',
  26.             ],
  27.             invalid_elements : 'script,style,iframe,input,textarea,form,onmouseover,onmouseout,onclick',
  28.             paste_data_images: true,
  29.             mentions : {
  30.                 source: function(){
  31.                     return [];
  32.                 },
  33.             },
  34.         },
  35.         init : function (options){
  36.             if(typeof(options.setup) === 'function'){
  37.                 let optionsSetup = options.setup;
  38.                 this.options.setup = function(editor){
  39.                     sfTinyMce.initImageUpload(editor);
  40.                     optionsSetup(editor);
  41.                 }
  43.                 delete options.setup;
  44.             }else{
  45.                 this.options.setup = function(editor){
  46.                     sfTinyMce.initImageUpload(editor);
  47.                 }
  49.                 delete options.setup;
  50.             }
  52.             this.options = $.extend({}, this.options, options)
  53.             window.tinymce.dom.Event.domLoaded = true;
  54.             tinymce.init(this.options);
  55.         },
  56.         html : function(selector, html){
  57.             tinymce.get(selector).setContent(html);
  58.         },
  59.         initImageUpload : function(editor) {
  60.             // create input and insert in the DOM
  61.             var inp = $('<input id="tinymce-uploader" type="file" name="pic" accept="image/*" style="display:none">');
  62.             $(editor.getElement()).parent().append(inp);
  64.             // add the image upload button to the editor toolbar
  65.             editor.addButton('imageupload', {
  66.                 text: '',
  67.                 icon: 'image',
  68.                 onclick: function(e) { // when toolbar button is clicked, open file select modal
  69.                     inp.trigger('click');
  70.                 }
  71.             });
  73.             // when a file is selected, upload it to the server
  74.             inp.on("change", function(e){
  75.                 sfTinyMce.uploadFile($(this), editor);
  76.             });
  77.         },
  78.         uploadFile : function(input, editor) {
  79.             sendFile(input.get(0).files).done(function(json){
  80.                     //remove loading image
  81.                     if(json['error'] != ''){
  82.                         var response = {
  83.                             'alertClass' : 'danger',
  84.                             'alertMessage' : json['error'],
  85.                         };
  86.                         app.appView.hideLoader();
  87.                         app.appView.renderResponseAlert(response);
  88.                     }else if(json['fileNames']){
  89.                         $.each(json['fileNames'], function(key, path){
  90.                             editor.insertContent('<img class="content-img" src="' + path + '"/>');
  91.                         });
  92.                     }
  93.                     if(json.location != undefined)
  94.                         window.location = json.location;
  95.                 })
  96.                 .fail(function(xhr) {
  97.                     if(url = xhr.getResponseHeader('Location'))
  98.                         window.location = url;
  100.                     app.appView.hideLoader();
  101.                     app.appView.renderResponseAlert(warningResponse);
  102.                 })
  103.             ;
  104.         },
  105.     }
  107.     function sendFile(files) {
  108.         
  109.     }
  111.     function sendUrls(url) {
  112.         
  113.     }
  115.     function removeFile(file) {
  116.         
  117.     }
  118.     addTranslateButton = function(editor) {
  119.         
  120.     }
  121. </script>