125 lines
5.1 KiB
JavaScript
125 lines
5.1 KiB
JavaScript
(function () {
|
|
|
|
var editor = null;
|
|
|
|
UM.registerWidget('formula', {
|
|
|
|
tpl: "<link type=\"text/css\" rel=\"stylesheet\" href=\"<%=formula_url%>formula.css\">" +
|
|
"<div class=\"edui-formula-wrapper\">" +
|
|
"<ul class=\"edui-tab-nav\"></ul>" +
|
|
"<div class=\"edui-tab-content\"></div>" +
|
|
"</div>",
|
|
|
|
sourceData: {
|
|
formula: {
|
|
'common': [
|
|
"{/}frac{ }{ }", "^{ }/_{ }", "x^{ }", "x_{ }", "x^{ }_{ }", "{/}bar{ }", "{/}sqrt{ }", "{/}nthroot{ }{ }",
|
|
"{/}sum^{ }_{n=}", "{/}sum", "{/}log_{ }", "{/}ln", "{/}int_{ }^{ }", "{/}oint_{ }^{ }"
|
|
],
|
|
'symbol': [
|
|
"+", "-", "{/}pm", "{/}times", "{/}ast", "{/}div", "/", "{/}bigtriangleup",
|
|
"=", "{/}ne", "{/}approx", ">", "<", "{/}ge", "{/}le", "{/}infty",
|
|
"{/}cap", "{/}cup", "{/}because", "{/}therefore", "{/}subset", "{/}supset", "{/}subseteq", "{/}supseteq",
|
|
"{/}nsubseteq", "{/}nsupseteq", "{/}in", "{/}ni", "{/}notin", "{/}mapsto", "{/}leftarrow", "{/}rightarrow",
|
|
"{/}Leftarrow", "{/}Rightarrow", "{/}leftrightarrow", "{/}Leftrightarrow"
|
|
],
|
|
'letter': [
|
|
"{/}alpha", "{/}beta", "{/}gamma", "{/}delta", "{/}varepsilon", "{/}varphi", "{/}lambda", "{/}mu",
|
|
"{/}rho", "{/}sigma", "{/}omega", "{/}Gamma", "{/}Delta", "{/}Theta", "{/}Lambda", "{/}Xi",
|
|
"{/}Pi", "{/}Sigma", "{/}Upsilon", "{/}Phi", "{/}Psi", "{/}Omega"
|
|
]
|
|
}
|
|
},
|
|
initContent: function (_editor, $widget) {
|
|
|
|
var me = this,
|
|
formula = me.sourceData.formula,
|
|
lang = _editor.getLang('formula').static,
|
|
formulaUrl = UMEDITOR_CONFIG.UMEDITOR_HOME_URL + 'dialogs/formula/',
|
|
options = $.extend({}, lang, { 'formula_url': formulaUrl }),
|
|
$root = me.root();
|
|
|
|
if (me.inited) {
|
|
me.preventDefault();
|
|
return;
|
|
}
|
|
me.inited = true;
|
|
|
|
editor = _editor;
|
|
me.$widget = $widget;
|
|
|
|
$root.html($.parseTmpl(me.tpl, options));
|
|
me.tabs = $.eduitab({selector: "#edui-formula-tab-Jpanel"});
|
|
|
|
/* 初始化popup的内容 */
|
|
var headHtml = [], xMax = 0, yMax = 0,
|
|
$tabContent = me.root().find('.edui-tab-content');
|
|
$.each(formula, function (k, v) {
|
|
var contentHtml = [];
|
|
$.each(v, function (i, f) {
|
|
contentHtml.push('<li class="edui-formula-latex-item" data-latex="' + f + '" style="background-position:-' + (xMax * 30) + 'px -' + (yMax * 30) + 'px"></li>');
|
|
if (++xMax >=8) {
|
|
++yMax; xMax = 0;
|
|
}
|
|
});
|
|
yMax++; xMax = 0;
|
|
$tabContent.append('<div class="edui-tab-pane"><ul>' + contentHtml.join('') + '</ul>');
|
|
headHtml.push('<li class="edui-tab-item"><a href="javascript:void(0);" class="edui-tab-text">' + lang['lang_tab_' + k] + '</a></li>');
|
|
});
|
|
headHtml.push('<li class="edui-formula-clearboth"></li>');
|
|
$root.find('.edui-tab-nav').html(headHtml.join(''));
|
|
$root.find('.edui-tab-content').append('<div class="edui-formula-clearboth"></div>');
|
|
|
|
/* 选中第一个tab */
|
|
me.switchTab(0);
|
|
},
|
|
initEvent: function () {
|
|
var me = this;
|
|
|
|
//防止点击过后关闭popup
|
|
me.root().on('click', function (e) {
|
|
return false;
|
|
});
|
|
|
|
//点击tab切换菜单
|
|
me.root().find('.edui-tab-nav').delegate('.edui-tab-item', 'click', function (evt) {
|
|
me.switchTab(this);
|
|
return false;
|
|
});
|
|
|
|
//点击选中公式
|
|
me.root().find('.edui-tab-pane').delegate('.edui-formula-latex-item', 'click', function (evt) {
|
|
var $item = $(this),
|
|
latex = $item.attr('data-latex') || '';
|
|
|
|
if (latex) {
|
|
me.insertLatex(latex.replace("{/}", "\\"));
|
|
}
|
|
me.$widget.edui().hide();
|
|
return false;
|
|
});
|
|
},
|
|
switchTab:function(index){
|
|
var me = this,
|
|
$root = me.root(),
|
|
index = $.isNumeric(index) ? index:$.inArray(index, $root.find('.edui-tab-nav .edui-tab-item'));
|
|
|
|
$root.find('.edui-tab-nav .edui-tab-item').removeClass('edui-active').eq(index).addClass('edui-active');
|
|
$root.find('.edui-tab-content .edui-tab-pane').removeClass('edui-active').eq(index).addClass('edui-active');
|
|
|
|
/* 自动长高 */
|
|
me.autoHeight(0);
|
|
},
|
|
autoHeight: function () {
|
|
this.$widget.height(this.root() + 2);
|
|
},
|
|
insertLatex: function (latex) {
|
|
editor.execCommand('formula', latex );
|
|
},
|
|
width: 350,
|
|
height: 400
|
|
});
|
|
|
|
})();
|
|
|