js/minieditor.js

  1. /**=====LICENSE STATEMENT START=====
  2.     Translator++ 
  3.     CAT (Computer-Assisted Translation) tools and framework to create quality
  4.     translations and localizations efficiently.
  5.         
  6.     Copyright (C) 2018  Dreamsavior<dreamsavior@gmail.com>
  8.     This program is free software: you can redistribute it and/or modify
  9.     it under the terms of the GNU General Public License as published by
  10.     the Free Software Foundation, either version 3 of the License, or
  11.     (at your option) any later version.
  13.     This program is distributed in the hope that it will be useful,
  14.     but WITHOUT ANY WARRANTY; without even the implied warranty of
  15.     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  16.     GNU General Public License for more details.
  18.     You should have received a copy of the GNU General Public License
  19.     along with this program.  If not, see <https://www.gnu.org/licenses/>.
  20. =====LICENSE STATEMENT END=====*/
  21. const MiniEditor = function(elm) {
  22.     this.elm = $(elm);
  23.     this.init();
  24. }
  26. MiniEditor.patterns = [
  27.     //	/\\(\S+)\[.*\]/gi, // standard tag (accept unicode)
  28.     //	/\\(\S+)\<.*\>/gi, // Yanfly's Message core tag (accept unicode)
  29.         /(if|en)\([\w \=\[\]\&\<\>\|\.\$\_\+\-\*\/\@]+\)/g, //MPP_ChoiceEX
  30.         /(\\[a-zA-Z0-9]+\[.*\])+/gi, // standard tag (alphabet only)
  31.         /(\\[a-zA-Z0-9]+\<.*\>)+/gi, // Yanfly's Message core tag (alphabet only)
  32.     //	/\\([a-zA-Z\{\}\\\$\.\|\!\>\<\^])/g
  33.         /(\\[a-zA-Z\{\}\\\$\.\|\!\>\<\^])+/g, // standard rpg maker tags
  34.         /(\@[0-9]+)+/g 	//@ command for wolfRpg	
  35.     ]
  37. MiniEditor.prototype.highlight = function(text) {
  38.     if (!text) return text;
  39.     this.formulas = MiniEditor.patterns;
  40.     console.log("pattern", this.formulas);
  41.     var escaper1 = "-----PLACEHOLDER2225821-----";
  42.     var escaper2 = "-----PLACEHOLDER2225823-----";
  43. 	for (var i=0; i<this.formulas.length; i++) {
  44. 		if (!Boolean(this.formulas[i])) continue;
  45. 		
  46. 		if (typeof this.formulas[i] == 'function') {
  47. 			var arrayStrings = this.formulas[i].call(this, text);
  48. 			console.log(`result`, arrayStrings);
  49. 			if (typeof arrayStrings == 'string') arrayStrings = [arrayStrings];
  50. 			if (Array.isArray(arrayStrings) == false) continue;
  52. 			for (var x in arrayStrings) {
  53. 				text = text.replaceAll(arrayStrings[x], (match) => {
  54.                     return escaper1+match+escaper2;
  55. 				});				
  56. 			}
  57. 			continue;            
  58. 		}
  59. 		
  60. 		text = text.replaceAll(this.formulas[i], (match) => {
  61.             if (!Boolean(match)) return match;
  62. 			return escaper1+match+escaper2;
  63. 		});
  65. 	}
  67.     //text.replace(new RegExp("&", "g"), "&amp;").replace(new RegExp("<", "g"), "&lt;");
  68.     text = common.htmlEntities(text);
  69.     text = text.replaceAll(escaper1, "<span class='highlight'>");
  70.     text = text.replaceAll(escaper2, "</span>");
  71.     return text;
  72. }
  74. MiniEditor.prototype.trigger = function(text) {
  75.     text = text || this.elm.val();
  76.     text = this.highlight(text);
  77.     //text.replace(new RegExp("&", "g"), "&amp;").replace(new RegExp("<", "g"), "&lt;").
  78.     this.bgContent.html(text.replace(/\n/g, "<br />"))   
  79. }
  81. MiniEditor.prototype.init = function() {
  82.     this.elm.attr("data-role", "fgContent");
  83.     this.wrapper = $("<div data-role='editorWrapper'></div>");
  84.     this.elm.after( this.wrapper);
  85.     this.wrapper.append(this.elm);
  86.     this.bg = $("<pre data-role='bgWrapper'></pre>");
  87.     this.bgContent = $("<code data-role='bgContent'></code>");
  88.     this.wrapper.append(this.bg);
  89.     this.bg.append(this.bgContent);
  90.     this.bg.css("height", this.elm.height());
  91.     this.wrapper.css("height", this.elm.height());
  93.     var that = this;
  94.     this.elm.on("input", function() {
  95.         var text = $(this).val();
  96.         text = that.highlight(text);
  97.         //text.replace(new RegExp("&", "g"), "&amp;").replace(new RegExp("<", "g"), "&lt;").
  98.         that.bgContent.html(text.replace(/\n/g, "<br />"))
  99.     })
  101.     this.elm.on("scroll", function() {
  103.         that.bg.scrollTop($(this).scrollTop());
  104.         that.bg.scrollLeft($(this).scrollLeft());
  105.     })
  106. }
  108. $(document).ready(function() {
  109.     
  110. })