Merge branch 'dev_aliyun' of https://bdgit.educoder.net/Hjqreturn/educoder into dev_aliyun
commit
f45fcdcacd
@ -0,0 +1,4 @@
|
|||||||
|
json.status 1
|
||||||
|
json.message "发送成功"
|
||||||
|
json.course_id @course.id
|
||||||
|
json.first_category_url module_url(@course.none_hidden_course_modules.first, @course)
|
||||||
@ -1,237 +1,238 @@
|
|||||||
/*!
|
/*!
|
||||||
* Code block dialog plugin for Editor.md
|
* Code block dialog plugin for Editor.md
|
||||||
*
|
*
|
||||||
* @file code-block-dialog.js
|
* @file code-block-dialog.js
|
||||||
* @author pandao
|
* @author pandao
|
||||||
* @version 1.2.0
|
* @version 1.2.0
|
||||||
* @updateTime 2015-03-07
|
* @updateTime 2015-03-07
|
||||||
* {@link https://github.com/pandao/editor.md}
|
* {@link https://github.com/pandao/editor.md}
|
||||||
* @license MIT
|
* @license MIT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
var factory = function (exports) {
|
var factory = function (exports) {
|
||||||
var cmEditor;
|
var cmEditor;
|
||||||
var pluginName = "code-block-dialog";
|
var pluginName = "code-block-dialog";
|
||||||
|
|
||||||
// for CodeBlock dialog select
|
// for CodeBlock dialog select
|
||||||
var codeLanguages = exports.codeLanguages = {
|
var codeLanguages = exports.codeLanguages = {
|
||||||
asp : ["ASP", "vbscript"],
|
asp : ["ASP", "vbscript"],
|
||||||
actionscript : ["ActionScript(3.0)/Flash/Flex", "clike"],
|
actionscript : ["ActionScript(3.0)/Flash/Flex", "clike"],
|
||||||
bash : ["Bash/Bat", "shell"],
|
bash : ["Bash/Bat", "shell"],
|
||||||
css : ["CSS", "css"],
|
css : ["CSS", "css"],
|
||||||
c : ["C", "clike"],
|
c : ["C", "clike"],
|
||||||
cpp : ["C++", "clike"],
|
cpp : ["C++", "clike"],
|
||||||
csharp : ["C#", "clike"],
|
csharp : ["C#", "clike"],
|
||||||
coffeescript : ["CoffeeScript", "coffeescript"],
|
coffeescript : ["CoffeeScript", "coffeescript"],
|
||||||
d : ["D", "d"],
|
d : ["D", "d"],
|
||||||
dart : ["Dart", "dart"],
|
dart : ["Dart", "dart"],
|
||||||
delphi : ["Delphi/Pascal", "pascal"],
|
delphi : ["Delphi/Pascal", "pascal"],
|
||||||
erlang : ["Erlang", "erlang"],
|
erlang : ["Erlang", "erlang"],
|
||||||
go : ["Golang", "go"],
|
go : ["Golang", "go"],
|
||||||
groovy : ["Groovy", "groovy"],
|
groovy : ["Groovy", "groovy"],
|
||||||
html : ["HTML", "text/html"],
|
html : ["HTML", "text/html"],
|
||||||
java : ["Java", "clike"],
|
java : ["Java", "clike"],
|
||||||
json : ["JSON", "text/json"],
|
json : ["JSON", "text/json"],
|
||||||
javascript : ["Javascript", "javascript"],
|
javascript : ["Javascript", "javascript"],
|
||||||
lua : ["Lua", "lua"],
|
lua : ["Lua", "lua"],
|
||||||
less : ["LESS", "css"],
|
less : ["LESS", "css"],
|
||||||
markdown : ["Markdown", "gfm"],
|
markdown : ["Markdown", "gfm"],
|
||||||
"objective-c" : ["Objective-C", "clike"],
|
"objective-c" : ["Objective-C", "clike"],
|
||||||
php : ["PHP", "php"],
|
php : ["PHP", "php"],
|
||||||
perl : ["Perl", "perl"],
|
perl : ["Perl", "perl"],
|
||||||
python : ["Python", "python"],
|
python : ["Python", "python"],
|
||||||
r : ["R", "r"],
|
r : ["R", "r"],
|
||||||
rst : ["reStructedText", "rst"],
|
rst : ["reStructedText", "rst"],
|
||||||
ruby : ["Ruby", "ruby"],
|
ruby : ["Ruby", "ruby"],
|
||||||
sql : ["SQL", "sql"],
|
sql : ["SQL", "sql"],
|
||||||
sass : ["SASS/SCSS", "sass"],
|
sass : ["SASS/SCSS", "sass"],
|
||||||
shell : ["Shell", "shell"],
|
shell : ["Shell", "shell"],
|
||||||
scala : ["Scala", "clike"],
|
scala : ["Scala", "clike"],
|
||||||
swift : ["Swift", "clike"],
|
swift : ["Swift", "clike"],
|
||||||
vb : ["VB/VBScript", "vb"],
|
vb : ["VB/VBScript", "vb"],
|
||||||
xml : ["XML", "text/xml"],
|
xml : ["XML", "text/xml"],
|
||||||
yaml : ["YAML", "yaml"]
|
yaml : ["YAML", "yaml"]
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.fn.codeBlockDialog = function() {
|
exports.fn.codeBlockDialog = function() {
|
||||||
|
|
||||||
var _this = this;
|
var _this = this;
|
||||||
var cm = this.cm;
|
var cm = this.cm;
|
||||||
var lang = this.lang;
|
var lang = this.lang;
|
||||||
var editor = this.editor;
|
var editor = this.editor;
|
||||||
var settings = this.settings;
|
var settings = this.settings;
|
||||||
var cursor = cm.getCursor();
|
var cursor = cm.getCursor();
|
||||||
var selection = cm.getSelection();
|
var selection = cm.getSelection();
|
||||||
var classPrefix = this.classPrefix;
|
var classPrefix = this.classPrefix;
|
||||||
var dialogName = classPrefix + pluginName, dialog;
|
var dialogName = classPrefix + pluginName, dialog;
|
||||||
var dialogLang = lang.dialog.codeBlock;
|
var dialogLang = lang.dialog.codeBlock;
|
||||||
|
|
||||||
cm.focus();
|
cm.focus();
|
||||||
|
|
||||||
if (editor.find("." + dialogName).length > 0)
|
if (editor.find("." + dialogName).length > 0)
|
||||||
{
|
{
|
||||||
dialog = editor.find("." + dialogName);
|
dialog = editor.find("." + dialogName);
|
||||||
dialog.find("option:first").attr("selected", "selected");
|
dialog.find("option:first").attr("selected", "selected");
|
||||||
dialog.find("textarea").val(selection);
|
dialog.find("textarea").val(selection);
|
||||||
|
|
||||||
this.dialogShowMask(dialog);
|
this.dialogShowMask(dialog);
|
||||||
this.dialogLockScreen();
|
this.dialogLockScreen();
|
||||||
dialog.show();
|
dialog.show();
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
var dialogHTML = "<div class=\"" + classPrefix + "code-toolbar\">" +
|
var dialogHTML = "<div class=\"" + classPrefix + "code-toolbar\">" +
|
||||||
dialogLang.selectLabel + "<select><option selected=\"selected\" value=\"\">" + dialogLang.selectDefaultText + "</option></select>" +
|
dialogLang.selectLabel + "<select><option selected=\"selected\" value=\"\">" + dialogLang.selectDefaultText + "</option></select>" +
|
||||||
"</div>" +
|
"</div>" +
|
||||||
"<textarea placeholder=\"coding now....\" style=\"display:none;\">" + selection + "</textarea>";
|
"<textarea placeholder=\"coding now....\" style=\"display:none;\">" + selection + "</textarea>";
|
||||||
|
|
||||||
dialog = this.createDialog({
|
dialog = this.createDialog({
|
||||||
name : dialogName,
|
name : dialogName,
|
||||||
title : dialogLang.title,
|
title : dialogLang.title,
|
||||||
width : 780,
|
width : 780,
|
||||||
height : 565,
|
height : 565,
|
||||||
mask : settings.dialogShowMask,
|
mask : settings.dialogShowMask,
|
||||||
drag : settings.dialogDraggable,
|
drag : settings.dialogDraggable,
|
||||||
content : dialogHTML,
|
content : dialogHTML,
|
||||||
lockScreen : settings.dialogLockScreen,
|
lockScreen : settings.dialogLockScreen,
|
||||||
maskStyle : {
|
maskStyle : {
|
||||||
opacity : settings.dialogMaskOpacity,
|
opacity : settings.dialogMaskOpacity,
|
||||||
backgroundColor : settings.dialogMaskBgColor
|
backgroundColor : settings.dialogMaskBgColor
|
||||||
},
|
},
|
||||||
buttons : {
|
buttons : {
|
||||||
enter : [lang.buttons.enter, function() {
|
enter : [lang.buttons.enter, function() {
|
||||||
var codeTexts = this.find("textarea").val();
|
var codeTexts = this.find("textarea").val();
|
||||||
var langName = this.find("select").val();
|
var langName = this.find("select").val();
|
||||||
|
|
||||||
if (langName === "")
|
if (langName === "")
|
||||||
{
|
{
|
||||||
alert(lang.dialog.codeBlock.unselectedLanguageAlert);
|
alert(lang.dialog.codeBlock.unselectedLanguageAlert);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (codeTexts === "")
|
if (codeTexts === "")
|
||||||
{
|
{
|
||||||
alert(lang.dialog.codeBlock.codeEmptyAlert);
|
alert(lang.dialog.codeBlock.codeEmptyAlert);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
langName = (langName === "other") ? "" : langName;
|
langName = (langName === "other") ? "" : langName;
|
||||||
|
|
||||||
cm.replaceSelection(["```" + langName, codeTexts, "```"].join("\n"));
|
cm.replaceSelection(["```" + langName, codeTexts, "```"].join("\n"));
|
||||||
|
|
||||||
if (langName === "") {
|
if (langName === "") {
|
||||||
cm.setCursor(cursor.line, cursor.ch + 3);
|
cm.setCursor(cursor.line, cursor.ch + 3);
|
||||||
}
|
}
|
||||||
|
|
||||||
this.hide().lockScreen(false).hideMask();
|
this.hide().lockScreen(false).hideMask();
|
||||||
|
|
||||||
return false;
|
cm.focus && cm.focus();
|
||||||
}],
|
return false;
|
||||||
cancel : [lang.buttons.cancel, function() {
|
}],
|
||||||
this.hide().lockScreen(false).hideMask();
|
cancel : [lang.buttons.cancel, function() {
|
||||||
|
this.hide().lockScreen(false).hideMask();
|
||||||
return false;
|
cm.focus && cm.focus();
|
||||||
}]
|
return false;
|
||||||
}
|
}]
|
||||||
});
|
}
|
||||||
}
|
});
|
||||||
|
}
|
||||||
var langSelect = dialog.find("select");
|
|
||||||
|
var langSelect = dialog.find("select");
|
||||||
if (langSelect.find("option").length === 1)
|
|
||||||
{
|
if (langSelect.find("option").length === 1)
|
||||||
for (var key in codeLanguages)
|
{
|
||||||
{
|
for (var key in codeLanguages)
|
||||||
var codeLang = codeLanguages[key];
|
{
|
||||||
langSelect.append("<option value=\"" + key + "\" mode=\"" + codeLang[1] + "\">" + codeLang[0] + "</option>");
|
var codeLang = codeLanguages[key];
|
||||||
}
|
langSelect.append("<option value=\"" + key + "\" mode=\"" + codeLang[1] + "\">" + codeLang[0] + "</option>");
|
||||||
|
}
|
||||||
langSelect.append("<option value=\"other\">" + dialogLang.otherLanguage + "</option>");
|
|
||||||
}
|
langSelect.append("<option value=\"other\">" + dialogLang.otherLanguage + "</option>");
|
||||||
|
}
|
||||||
var mode = langSelect.find("option:selected").attr("mode");
|
|
||||||
|
var mode = langSelect.find("option:selected").attr("mode");
|
||||||
var cmConfig = {
|
|
||||||
mode : (mode) ? mode : "text/html",
|
var cmConfig = {
|
||||||
theme : settings.theme,
|
mode : (mode) ? mode : "text/html",
|
||||||
tabSize : 4,
|
theme : settings.theme,
|
||||||
autofocus : true,
|
tabSize : 4,
|
||||||
autoCloseTags : true,
|
autofocus : true,
|
||||||
indentUnit : 4,
|
autoCloseTags : true,
|
||||||
lineNumbers : true,
|
indentUnit : 4,
|
||||||
lineWrapping : true,
|
lineNumbers : true,
|
||||||
extraKeys : {"Ctrl-Q": function(cm){ cm.foldCode(cm.getCursor()); }},
|
lineWrapping : true,
|
||||||
foldGutter : true,
|
extraKeys : {"Ctrl-Q": function(cm){ cm.foldCode(cm.getCursor()); }},
|
||||||
gutters : ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
|
foldGutter : true,
|
||||||
matchBrackets : true,
|
gutters : ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
|
||||||
indentWithTabs : true,
|
matchBrackets : true,
|
||||||
styleActiveLine : true,
|
indentWithTabs : true,
|
||||||
styleSelectedText : true,
|
styleActiveLine : true,
|
||||||
autoCloseBrackets : true,
|
styleSelectedText : true,
|
||||||
showTrailingSpace : true,
|
autoCloseBrackets : true,
|
||||||
highlightSelectionMatches : true
|
showTrailingSpace : true,
|
||||||
};
|
highlightSelectionMatches : true
|
||||||
|
};
|
||||||
var textarea = dialog.find("textarea");
|
|
||||||
var cmObj = dialog.find(".CodeMirror");
|
var textarea = dialog.find("textarea");
|
||||||
|
var cmObj = dialog.find(".CodeMirror");
|
||||||
if (dialog.find(".CodeMirror").length < 1)
|
|
||||||
{
|
if (dialog.find(".CodeMirror").length < 1)
|
||||||
cmEditor = exports.$CodeMirror.fromTextArea(textarea[0], cmConfig);
|
{
|
||||||
cmObj = dialog.find(".CodeMirror");
|
cmEditor = exports.$CodeMirror.fromTextArea(textarea[0], cmConfig);
|
||||||
|
cmObj = dialog.find(".CodeMirror");
|
||||||
cmObj.css({
|
|
||||||
"float" : "none",
|
cmObj.css({
|
||||||
margin : "8px 0",
|
"float" : "none",
|
||||||
border : "1px solid #ddd",
|
margin : "8px 0",
|
||||||
fontSize : settings.fontSize,
|
border : "1px solid #ddd",
|
||||||
width : "100%",
|
fontSize : settings.fontSize,
|
||||||
height : "390px"
|
width : "100%",
|
||||||
});
|
height : "390px"
|
||||||
|
});
|
||||||
cmEditor.on("change", function(cm) {
|
|
||||||
textarea.val(cm.getValue());
|
cmEditor.on("change", function(cm) {
|
||||||
});
|
textarea.val(cm.getValue());
|
||||||
}
|
});
|
||||||
else
|
}
|
||||||
{
|
else
|
||||||
|
{
|
||||||
cmEditor.setValue(cm.getSelection());
|
|
||||||
}
|
cmEditor.setValue(cm.getSelection());
|
||||||
|
}
|
||||||
langSelect.change(function(){
|
|
||||||
var _mode = $(this).find("option:selected").attr("mode");
|
langSelect.change(function(){
|
||||||
cmEditor.setOption("mode", _mode);
|
var _mode = $(this).find("option:selected").attr("mode");
|
||||||
});
|
cmEditor.setOption("mode", _mode);
|
||||||
};
|
});
|
||||||
|
};
|
||||||
};
|
|
||||||
|
};
|
||||||
// CommonJS/Node.js
|
|
||||||
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
// CommonJS/Node.js
|
||||||
{
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
||||||
module.exports = factory;
|
{
|
||||||
}
|
module.exports = factory;
|
||||||
else if (typeof define === "function") // AMD/CMD/Sea.js
|
}
|
||||||
{
|
else if (typeof define === "function") // AMD/CMD/Sea.js
|
||||||
if (define.amd) { // for Require.js
|
{
|
||||||
|
if (define.amd) { // for Require.js
|
||||||
define(["editormd"], function(editormd) {
|
|
||||||
factory(editormd);
|
define(["editormd"], function(editormd) {
|
||||||
});
|
factory(editormd);
|
||||||
|
});
|
||||||
} else { // for Sea.js
|
|
||||||
define(function(require) {
|
} else { // for Sea.js
|
||||||
var editormd = require("./../../editormd");
|
define(function(require) {
|
||||||
factory(editormd);
|
var editormd = require("./../../editormd");
|
||||||
});
|
factory(editormd);
|
||||||
}
|
});
|
||||||
}
|
}
|
||||||
else
|
}
|
||||||
{
|
else
|
||||||
factory(window.editormd);
|
{
|
||||||
}
|
factory(window.editormd);
|
||||||
|
}
|
||||||
})();
|
|
||||||
|
})();
|
||||||
|
|||||||
@ -1,327 +1,329 @@
|
|||||||
/*!
|
/*!
|
||||||
* Emoji dialog plugin for Editor.md
|
* Emoji dialog plugin for Editor.md
|
||||||
*
|
*
|
||||||
* @file emoji-dialog.js
|
* @file emoji-dialog.js
|
||||||
* @author pandao
|
* @author pandao
|
||||||
* @version 1.2.0
|
* @version 1.2.0
|
||||||
* @updateTime 2015-03-08
|
* @updateTime 2015-03-08
|
||||||
* {@link https://github.com/pandao/editor.md}
|
* {@link https://github.com/pandao/editor.md}
|
||||||
* @license MIT
|
* @license MIT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
var factory = function (exports) {
|
var factory = function (exports) {
|
||||||
|
|
||||||
var $ = jQuery;
|
var $ = jQuery;
|
||||||
var pluginName = "emoji-dialog";
|
var pluginName = "emoji-dialog";
|
||||||
var emojiTabIndex = 0;
|
var emojiTabIndex = 0;
|
||||||
var emojiData = [];
|
var emojiData = [];
|
||||||
var selecteds = [];
|
var selecteds = [];
|
||||||
|
|
||||||
var logoPrefix = "editormd-logo";
|
var logoPrefix = "editormd-logo";
|
||||||
var logos = [
|
var logos = [
|
||||||
logoPrefix,
|
logoPrefix,
|
||||||
logoPrefix + "-1x",
|
logoPrefix + "-1x",
|
||||||
logoPrefix + "-2x",
|
logoPrefix + "-2x",
|
||||||
logoPrefix + "-3x",
|
logoPrefix + "-3x",
|
||||||
logoPrefix + "-4x",
|
logoPrefix + "-4x",
|
||||||
logoPrefix + "-5x",
|
logoPrefix + "-5x",
|
||||||
logoPrefix + "-6x",
|
logoPrefix + "-6x",
|
||||||
logoPrefix + "-7x",
|
logoPrefix + "-7x",
|
||||||
logoPrefix + "-8x"
|
logoPrefix + "-8x"
|
||||||
];
|
];
|
||||||
|
|
||||||
var langs = {
|
var langs = {
|
||||||
"zh-cn" : {
|
"zh-cn" : {
|
||||||
toolbar : {
|
toolbar : {
|
||||||
emoji : "Emoji 表情"
|
emoji : "Emoji 表情"
|
||||||
},
|
},
|
||||||
dialog : {
|
dialog : {
|
||||||
emoji : {
|
emoji : {
|
||||||
title : "Emoji 表情"
|
title : "Emoji 表情"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"zh-tw" : {
|
"zh-tw" : {
|
||||||
toolbar : {
|
toolbar : {
|
||||||
emoji : "Emoji 表情"
|
emoji : "Emoji 表情"
|
||||||
},
|
},
|
||||||
dialog : {
|
dialog : {
|
||||||
emoji : {
|
emoji : {
|
||||||
title : "Emoji 表情"
|
title : "Emoji 表情"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"en" : {
|
"en" : {
|
||||||
toolbar : {
|
toolbar : {
|
||||||
emoji : "Emoji"
|
emoji : "Emoji"
|
||||||
},
|
},
|
||||||
dialog : {
|
dialog : {
|
||||||
emoji : {
|
emoji : {
|
||||||
title : "Emoji"
|
title : "Emoji"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.fn.emojiDialog = function() {
|
exports.fn.emojiDialog = function() {
|
||||||
var _this = this;
|
var _this = this;
|
||||||
var cm = this.cm;
|
var cm = this.cm;
|
||||||
var settings = _this.settings;
|
var settings = _this.settings;
|
||||||
|
|
||||||
if (!settings.emoji)
|
if (!settings.emoji)
|
||||||
{
|
{
|
||||||
alert("settings.emoji == false");
|
alert("settings.emoji == false");
|
||||||
return ;
|
return ;
|
||||||
}
|
}
|
||||||
|
|
||||||
var path = settings.pluginPath + pluginName + "/";
|
var path = settings.pluginPath + pluginName + "/";
|
||||||
var editor = this.editor;
|
var editor = this.editor;
|
||||||
var cursor = cm.getCursor();
|
var cursor = cm.getCursor();
|
||||||
var selection = cm.getSelection();
|
var selection = cm.getSelection();
|
||||||
var classPrefix = this.classPrefix;
|
var classPrefix = this.classPrefix;
|
||||||
|
|
||||||
$.extend(true, this.lang, langs[this.lang.name]);
|
$.extend(true, this.lang, langs[this.lang.name]);
|
||||||
this.setToolbar();
|
this.setToolbar();
|
||||||
|
|
||||||
var lang = this.lang;
|
var lang = this.lang;
|
||||||
var dialogName = classPrefix + pluginName, dialog;
|
var dialogName = classPrefix + pluginName, dialog;
|
||||||
var dialogLang = lang.dialog.emoji;
|
var dialogLang = lang.dialog.emoji;
|
||||||
|
|
||||||
var dialogContent = [
|
var dialogContent = [
|
||||||
"<div class=\"" + classPrefix + "emoji-dialog-box\" style=\"width: 760px;height: 334px;margin-bottom: 8px;overflow: hidden;\">",
|
"<div class=\"" + classPrefix + "emoji-dialog-box\" style=\"width: 760px;height: 334px;margin-bottom: 8px;overflow: hidden;\">",
|
||||||
"<div class=\"" + classPrefix + "tab\"></div>",
|
"<div class=\"" + classPrefix + "tab\"></div>",
|
||||||
"</div>",
|
"</div>",
|
||||||
].join("\n");
|
].join("\n");
|
||||||
|
|
||||||
cm.focus();
|
cm.focus();
|
||||||
|
|
||||||
if (editor.find("." + dialogName).length > 0)
|
if (editor.find("." + dialogName).length > 0)
|
||||||
{
|
{
|
||||||
dialog = editor.find("." + dialogName);
|
dialog = editor.find("." + dialogName);
|
||||||
|
|
||||||
selecteds = [];
|
selecteds = [];
|
||||||
dialog.find("a").removeClass("selected");
|
dialog.find("a").removeClass("selected");
|
||||||
|
|
||||||
this.dialogShowMask(dialog);
|
this.dialogShowMask(dialog);
|
||||||
this.dialogLockScreen();
|
this.dialogLockScreen();
|
||||||
dialog.show();
|
dialog.show();
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
dialog = this.createDialog({
|
dialog = this.createDialog({
|
||||||
name : dialogName,
|
name : dialogName,
|
||||||
title : dialogLang.title,
|
title : dialogLang.title,
|
||||||
width : 800,
|
width : 800,
|
||||||
height : 475,
|
height : 475,
|
||||||
mask : settings.dialogShowMask,
|
mask : settings.dialogShowMask,
|
||||||
drag : settings.dialogDraggable,
|
drag : settings.dialogDraggable,
|
||||||
content : dialogContent,
|
content : dialogContent,
|
||||||
lockScreen : settings.dialogLockScreen,
|
lockScreen : settings.dialogLockScreen,
|
||||||
maskStyle : {
|
maskStyle : {
|
||||||
opacity : settings.dialogMaskOpacity,
|
opacity : settings.dialogMaskOpacity,
|
||||||
backgroundColor : settings.dialogMaskBgColor
|
backgroundColor : settings.dialogMaskBgColor
|
||||||
},
|
},
|
||||||
buttons : {
|
buttons : {
|
||||||
enter : [lang.buttons.enter, function() {
|
enter : [lang.buttons.enter, function() {
|
||||||
cm.replaceSelection(selecteds.join(" "));
|
cm.replaceSelection(selecteds.join(" "));
|
||||||
this.hide().lockScreen(false).hideMask();
|
this.hide().lockScreen(false).hideMask();
|
||||||
|
cm.focus && cm.focus();
|
||||||
return false;
|
|
||||||
}],
|
return false;
|
||||||
cancel : [lang.buttons.cancel, function() {
|
}],
|
||||||
this.hide().lockScreen(false).hideMask();
|
cancel : [lang.buttons.cancel, function() {
|
||||||
|
this.hide().lockScreen(false).hideMask();
|
||||||
return false;
|
cm.focus && cm.focus();
|
||||||
}]
|
|
||||||
}
|
return false;
|
||||||
});
|
}]
|
||||||
}
|
}
|
||||||
|
});
|
||||||
var category = ["Github emoji", "Twemoji", "Font awesome", "Editor.md logo"];
|
}
|
||||||
var tab = dialog.find("." + classPrefix + "tab");
|
|
||||||
|
var category = ["Github emoji", "Twemoji", "Font awesome", "Editor.md logo"];
|
||||||
if (tab.html() === "")
|
var tab = dialog.find("." + classPrefix + "tab");
|
||||||
{
|
|
||||||
var head = "<ul class=\"" + classPrefix + "tab-head\">";
|
if (tab.html() === "")
|
||||||
|
{
|
||||||
for (var i = 0; i<4; i++) {
|
var head = "<ul class=\"" + classPrefix + "tab-head\">";
|
||||||
var active = (i === 0) ? " class=\"active\"" : "";
|
|
||||||
head += "<li" + active + "><a href=\"javascript:;\">" + category[i] + "</a></li>";
|
for (var i = 0; i<4; i++) {
|
||||||
}
|
var active = (i === 0) ? " class=\"active\"" : "";
|
||||||
|
head += "<li" + active + "><a href=\"javascript:;\">" + category[i] + "</a></li>";
|
||||||
head += "</ul>";
|
}
|
||||||
|
|
||||||
tab.append(head);
|
head += "</ul>";
|
||||||
|
|
||||||
var container = "<div class=\"" + classPrefix + "tab-container\">";
|
tab.append(head);
|
||||||
|
|
||||||
for (var x = 0; x < 4; x++)
|
var container = "<div class=\"" + classPrefix + "tab-container\">";
|
||||||
{
|
|
||||||
var display = (x === 0) ? "" : "display:none;";
|
for (var x = 0; x < 4; x++)
|
||||||
container += "<div class=\"" + classPrefix + "tab-box\" style=\"height: 260px;overflow: hidden;overflow-y: auto;" + display + "\"></div>";
|
{
|
||||||
}
|
var display = (x === 0) ? "" : "display:none;";
|
||||||
|
container += "<div class=\"" + classPrefix + "tab-box\" style=\"height: 260px;overflow: hidden;overflow-y: auto;" + display + "\"></div>";
|
||||||
container += "</div>";
|
}
|
||||||
|
|
||||||
tab.append(container);
|
container += "</div>";
|
||||||
}
|
|
||||||
|
tab.append(container);
|
||||||
var tabBoxs = tab.find("." + classPrefix + "tab-box");
|
}
|
||||||
var emojiCategories = ["github-emoji", "twemoji", "font-awesome", logoPrefix];
|
|
||||||
|
var tabBoxs = tab.find("." + classPrefix + "tab-box");
|
||||||
var drawTable = function() {
|
var emojiCategories = ["github-emoji", "twemoji", "font-awesome", logoPrefix];
|
||||||
var cname = emojiCategories[emojiTabIndex];
|
|
||||||
var $data = emojiData[cname];
|
var drawTable = function() {
|
||||||
var $tab = tabBoxs.eq(emojiTabIndex);
|
var cname = emojiCategories[emojiTabIndex];
|
||||||
|
var $data = emojiData[cname];
|
||||||
if ($tab.html() !== "") {
|
var $tab = tabBoxs.eq(emojiTabIndex);
|
||||||
//console.log("break =>", cname);
|
|
||||||
return ;
|
if ($tab.html() !== "") {
|
||||||
}
|
//console.log("break =>", cname);
|
||||||
|
return ;
|
||||||
var pagination = function(data, type) {
|
}
|
||||||
var rowNumber = (type === "editormd-logo") ? "5" : 20;
|
|
||||||
var pageTotal = Math.ceil(data.length / rowNumber);
|
var pagination = function(data, type) {
|
||||||
var table = "<div class=\"" + classPrefix + "grid-table\">";
|
var rowNumber = (type === "editormd-logo") ? "5" : 20;
|
||||||
|
var pageTotal = Math.ceil(data.length / rowNumber);
|
||||||
for (var i = 0; i < pageTotal; i++)
|
var table = "<div class=\"" + classPrefix + "grid-table\">";
|
||||||
{
|
|
||||||
var row = "<div class=\"" + classPrefix + "grid-table-row\">";
|
for (var i = 0; i < pageTotal; i++)
|
||||||
|
{
|
||||||
for (var x = 0; x < rowNumber; x++)
|
var row = "<div class=\"" + classPrefix + "grid-table-row\">";
|
||||||
{
|
|
||||||
var emoji = $.trim(data[(i * rowNumber) + x]);
|
for (var x = 0; x < rowNumber; x++)
|
||||||
|
{
|
||||||
if (typeof emoji !== "undefined" && emoji !== "")
|
var emoji = $.trim(data[(i * rowNumber) + x]);
|
||||||
{
|
|
||||||
var img = "", icon = "";
|
if (typeof emoji !== "undefined" && emoji !== "")
|
||||||
|
{
|
||||||
if (type === "github-emoji")
|
var img = "", icon = "";
|
||||||
{
|
|
||||||
var src = (emoji === "+1") ? "plus1" : emoji;
|
if (type === "github-emoji")
|
||||||
src = (src === "black_large_square") ? "black_square" : src;
|
{
|
||||||
src = (src === "moon") ? "waxing_gibbous_moon" : src;
|
var src = (emoji === "+1") ? "plus1" : emoji;
|
||||||
|
src = (src === "black_large_square") ? "black_square" : src;
|
||||||
src = exports.emoji.path + src + exports.emoji.ext;
|
src = (src === "moon") ? "waxing_gibbous_moon" : src;
|
||||||
img = "<img src=\"" + src + "\" width=\"24\" class=\"emoji\" title=\":" + emoji + ":\" alt=\":" + emoji + ":\" />";
|
|
||||||
row += "<a href=\"javascript:;\" value=\":" + emoji + ":\" title=\":" + emoji + ":\" class=\"" + classPrefix + "emoji-btn\">" + img + "</a>";
|
src = exports.emoji.path + src + exports.emoji.ext;
|
||||||
}
|
img = "<img src=\"" + src + "\" width=\"24\" class=\"emoji\" title=\":" + emoji + ":\" alt=\":" + emoji + ":\" />";
|
||||||
else if (type === "twemoji")
|
row += "<a href=\"javascript:;\" value=\":" + emoji + ":\" title=\":" + emoji + ":\" class=\"" + classPrefix + "emoji-btn\">" + img + "</a>";
|
||||||
{
|
}
|
||||||
var twemojiSrc = exports.twemoji.path + emoji + exports.twemoji.ext;
|
else if (type === "twemoji")
|
||||||
img = "<img src=\"" + twemojiSrc + "\" width=\"24\" title=\"twemoji-" + emoji + "\" alt=\"twemoji-" + emoji + "\" class=\"emoji twemoji\" />";
|
{
|
||||||
row += "<a href=\"javascript:;\" value=\":tw-" + emoji + ":\" title=\":tw-" + emoji + ":\" class=\"" + classPrefix + "emoji-btn\">" + img + "</a>";
|
var twemojiSrc = exports.twemoji.path + emoji + exports.twemoji.ext;
|
||||||
}
|
img = "<img src=\"" + twemojiSrc + "\" width=\"24\" title=\"twemoji-" + emoji + "\" alt=\"twemoji-" + emoji + "\" class=\"emoji twemoji\" />";
|
||||||
else if (type === "font-awesome")
|
row += "<a href=\"javascript:;\" value=\":tw-" + emoji + ":\" title=\":tw-" + emoji + ":\" class=\"" + classPrefix + "emoji-btn\">" + img + "</a>";
|
||||||
{
|
}
|
||||||
icon = "<i class=\"fa fa-" + emoji + " fa-emoji\" title=\"" + emoji + "\"></i>";
|
else if (type === "font-awesome")
|
||||||
row += "<a href=\"javascript:;\" value=\":fa-" + emoji + ":\" title=\":fa-" + emoji + ":\" class=\"" + classPrefix + "emoji-btn\">" + icon + "</a>";
|
{
|
||||||
}
|
icon = "<i class=\"fa fa-" + emoji + " fa-emoji\" title=\"" + emoji + "\"></i>";
|
||||||
else if (type === "editormd-logo")
|
row += "<a href=\"javascript:;\" value=\":fa-" + emoji + ":\" title=\":fa-" + emoji + ":\" class=\"" + classPrefix + "emoji-btn\">" + icon + "</a>";
|
||||||
{
|
}
|
||||||
icon = "<i class=\"" + emoji + "\" title=\"Editor.md logo (" + emoji + ")\"></i>";
|
else if (type === "editormd-logo")
|
||||||
row += "<a href=\"javascript:;\" value=\":" + emoji + ":\" title=\":" + emoji + ":\" style=\"width:20%;\" class=\"" + classPrefix + "emoji-btn\">" + icon + "</a>";
|
{
|
||||||
}
|
icon = "<i class=\"" + emoji + "\" title=\"Editor.md logo (" + emoji + ")\"></i>";
|
||||||
}
|
row += "<a href=\"javascript:;\" value=\":" + emoji + ":\" title=\":" + emoji + ":\" style=\"width:20%;\" class=\"" + classPrefix + "emoji-btn\">" + icon + "</a>";
|
||||||
else
|
}
|
||||||
{
|
}
|
||||||
row += "<a href=\"javascript:;\" value=\"\"></a>";
|
else
|
||||||
}
|
{
|
||||||
}
|
row += "<a href=\"javascript:;\" value=\"\"></a>";
|
||||||
|
}
|
||||||
row += "</div>";
|
}
|
||||||
|
|
||||||
table += row;
|
row += "</div>";
|
||||||
}
|
|
||||||
|
table += row;
|
||||||
table += "</div>";
|
}
|
||||||
|
|
||||||
return table;
|
table += "</div>";
|
||||||
};
|
|
||||||
|
return table;
|
||||||
if (emojiTabIndex === 0)
|
};
|
||||||
{
|
|
||||||
for (var i = 0, len = $data.length; i < len; i++)
|
if (emojiTabIndex === 0)
|
||||||
{
|
{
|
||||||
var h4Style = (i === 0) ? " style=\"margin: 0 0 10px;\"" : " style=\"margin: 10px 0;\"";
|
for (var i = 0, len = $data.length; i < len; i++)
|
||||||
$tab.append("<h4" + h4Style + ">" + $data[i].category + "</h4>");
|
{
|
||||||
$tab.append(pagination($data[i].list, cname));
|
var h4Style = (i === 0) ? " style=\"margin: 0 0 10px;\"" : " style=\"margin: 10px 0;\"";
|
||||||
}
|
$tab.append("<h4" + h4Style + ">" + $data[i].category + "</h4>");
|
||||||
}
|
$tab.append(pagination($data[i].list, cname));
|
||||||
else
|
}
|
||||||
{
|
}
|
||||||
$tab.append(pagination($data, cname));
|
else
|
||||||
}
|
{
|
||||||
|
$tab.append(pagination($data, cname));
|
||||||
$tab.find("." + classPrefix + "emoji-btn").bind(exports.mouseOrTouch("click", "touchend"), function() {
|
}
|
||||||
$(this).toggleClass("selected");
|
|
||||||
|
$tab.find("." + classPrefix + "emoji-btn").bind(exports.mouseOrTouch("click", "touchend"), function() {
|
||||||
if ($(this).hasClass("selected"))
|
$(this).toggleClass("selected");
|
||||||
{
|
|
||||||
selecteds.push($(this).attr("value"));
|
if ($(this).hasClass("selected"))
|
||||||
}
|
{
|
||||||
});
|
selecteds.push($(this).attr("value"));
|
||||||
};
|
}
|
||||||
|
});
|
||||||
if (emojiData.length < 1)
|
};
|
||||||
{
|
|
||||||
if (typeof dialog.loading === "function") {
|
if (emojiData.length < 1)
|
||||||
dialog.loading(true);
|
{
|
||||||
}
|
if (typeof dialog.loading === "function") {
|
||||||
|
dialog.loading(true);
|
||||||
$.getJSON(path + "emoji.json?temp=" + Math.random(), function(json) {
|
}
|
||||||
|
|
||||||
if (typeof dialog.loading === "function") {
|
$.getJSON(path + "emoji.json?temp=" + Math.random(), function(json) {
|
||||||
dialog.loading(false);
|
|
||||||
}
|
if (typeof dialog.loading === "function") {
|
||||||
|
dialog.loading(false);
|
||||||
emojiData = json;
|
}
|
||||||
emojiData[logoPrefix] = logos;
|
|
||||||
drawTable();
|
emojiData = json;
|
||||||
});
|
emojiData[logoPrefix] = logos;
|
||||||
}
|
drawTable();
|
||||||
else
|
});
|
||||||
{
|
}
|
||||||
drawTable();
|
else
|
||||||
}
|
{
|
||||||
|
drawTable();
|
||||||
tab.find("li").bind(exports.mouseOrTouch("click", "touchend"), function() {
|
}
|
||||||
var $this = $(this);
|
|
||||||
emojiTabIndex = $this.index();
|
tab.find("li").bind(exports.mouseOrTouch("click", "touchend"), function() {
|
||||||
|
var $this = $(this);
|
||||||
$this.addClass("active").siblings().removeClass("active");
|
emojiTabIndex = $this.index();
|
||||||
tabBoxs.eq(emojiTabIndex).show().siblings().hide();
|
|
||||||
drawTable();
|
$this.addClass("active").siblings().removeClass("active");
|
||||||
});
|
tabBoxs.eq(emojiTabIndex).show().siblings().hide();
|
||||||
};
|
drawTable();
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
// CommonJS/Node.js
|
};
|
||||||
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
|
||||||
{
|
// CommonJS/Node.js
|
||||||
module.exports = factory;
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
||||||
}
|
{
|
||||||
else if (typeof define === "function") // AMD/CMD/Sea.js
|
module.exports = factory;
|
||||||
{
|
}
|
||||||
if (define.amd) { // for Require.js
|
else if (typeof define === "function") // AMD/CMD/Sea.js
|
||||||
|
{
|
||||||
define(["editormd"], function(editormd) {
|
if (define.amd) { // for Require.js
|
||||||
factory(editormd);
|
|
||||||
});
|
define(["editormd"], function(editormd) {
|
||||||
|
factory(editormd);
|
||||||
} else { // for Sea.js
|
});
|
||||||
define(function(require) {
|
|
||||||
var editormd = require("./../../editormd");
|
} else { // for Sea.js
|
||||||
factory(editormd);
|
define(function(require) {
|
||||||
});
|
var editormd = require("./../../editormd");
|
||||||
}
|
factory(editormd);
|
||||||
}
|
});
|
||||||
else
|
}
|
||||||
{
|
}
|
||||||
factory(window.editormd);
|
else
|
||||||
}
|
{
|
||||||
|
factory(window.editormd);
|
||||||
})();
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|||||||
@ -1,157 +1,159 @@
|
|||||||
/*!
|
/*!
|
||||||
* Goto line dialog plugin for Editor.md
|
* Goto line dialog plugin for Editor.md
|
||||||
*
|
*
|
||||||
* @file goto-line-dialog.js
|
* @file goto-line-dialog.js
|
||||||
* @author pandao
|
* @author pandao
|
||||||
* @version 1.2.1
|
* @version 1.2.1
|
||||||
* @updateTime 2015-06-09
|
* @updateTime 2015-06-09
|
||||||
* {@link https://github.com/pandao/editor.md}
|
* {@link https://github.com/pandao/editor.md}
|
||||||
* @license MIT
|
* @license MIT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
var factory = function (exports) {
|
var factory = function (exports) {
|
||||||
|
|
||||||
var $ = jQuery;
|
var $ = jQuery;
|
||||||
var pluginName = "goto-line-dialog";
|
var pluginName = "goto-line-dialog";
|
||||||
|
|
||||||
var langs = {
|
var langs = {
|
||||||
"zh-cn" : {
|
"zh-cn" : {
|
||||||
toolbar : {
|
toolbar : {
|
||||||
"goto-line" : "跳转到行"
|
"goto-line" : "跳转到行"
|
||||||
},
|
},
|
||||||
dialog : {
|
dialog : {
|
||||||
"goto-line" : {
|
"goto-line" : {
|
||||||
title : "跳转到行",
|
title : "跳转到行",
|
||||||
label : "请输入行号",
|
label : "请输入行号",
|
||||||
error : "错误："
|
error : "错误："
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"zh-tw" : {
|
"zh-tw" : {
|
||||||
toolbar : {
|
toolbar : {
|
||||||
"goto-line" : "跳轉到行"
|
"goto-line" : "跳轉到行"
|
||||||
},
|
},
|
||||||
dialog : {
|
dialog : {
|
||||||
"goto-line" : {
|
"goto-line" : {
|
||||||
title : "跳轉到行",
|
title : "跳轉到行",
|
||||||
label : "請輸入行號",
|
label : "請輸入行號",
|
||||||
error : "錯誤："
|
error : "錯誤："
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"en" : {
|
"en" : {
|
||||||
toolbar : {
|
toolbar : {
|
||||||
"goto-line" : "Goto line"
|
"goto-line" : "Goto line"
|
||||||
},
|
},
|
||||||
dialog : {
|
dialog : {
|
||||||
"goto-line" : {
|
"goto-line" : {
|
||||||
title : "Goto line",
|
title : "Goto line",
|
||||||
label : "Enter a line number, range ",
|
label : "Enter a line number, range ",
|
||||||
error : "Error: "
|
error : "Error: "
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.fn.gotoLineDialog = function() {
|
exports.fn.gotoLineDialog = function() {
|
||||||
var _this = this;
|
var _this = this;
|
||||||
var cm = this.cm;
|
var cm = this.cm;
|
||||||
var editor = this.editor;
|
var editor = this.editor;
|
||||||
var settings = this.settings;
|
var settings = this.settings;
|
||||||
var path = settings.pluginPath + pluginName +"/";
|
var path = settings.pluginPath + pluginName +"/";
|
||||||
var classPrefix = this.classPrefix;
|
var classPrefix = this.classPrefix;
|
||||||
var dialogName = classPrefix + pluginName, dialog;
|
var dialogName = classPrefix + pluginName, dialog;
|
||||||
|
|
||||||
$.extend(true, this.lang, langs[this.lang.name]);
|
$.extend(true, this.lang, langs[this.lang.name]);
|
||||||
this.setToolbar();
|
this.setToolbar();
|
||||||
|
|
||||||
var lang = this.lang;
|
var lang = this.lang;
|
||||||
var dialogLang = lang.dialog["goto-line"];
|
var dialogLang = lang.dialog["goto-line"];
|
||||||
var lineCount = cm.lineCount();
|
var lineCount = cm.lineCount();
|
||||||
|
|
||||||
dialogLang.error += dialogLang.label + " 1-" + lineCount;
|
dialogLang.error += dialogLang.label + " 1-" + lineCount;
|
||||||
|
|
||||||
if (editor.find("." + dialogName).length < 1)
|
if (editor.find("." + dialogName).length < 1)
|
||||||
{
|
{
|
||||||
var dialogContent = [
|
var dialogContent = [
|
||||||
"<div class=\"editormd-form\" style=\"padding: 10px 0;\">",
|
"<div class=\"editormd-form\" style=\"padding: 10px 0;\">",
|
||||||
"<p style=\"margin: 0;\">" + dialogLang.label + " 1-" + lineCount +" <input type=\"number\" class=\"number-input\" style=\"width: 60px;\" value=\"1\" max=\"" + lineCount + "\" min=\"1\" data-line-number /></p>",
|
"<p style=\"margin: 0;\">" + dialogLang.label + " 1-" + lineCount +" <input type=\"number\" class=\"number-input\" style=\"width: 60px;\" value=\"1\" max=\"" + lineCount + "\" min=\"1\" data-line-number /></p>",
|
||||||
"</div>"
|
"</div>"
|
||||||
].join("\n");
|
].join("\n");
|
||||||
|
|
||||||
dialog = this.createDialog({
|
dialog = this.createDialog({
|
||||||
name : dialogName,
|
name : dialogName,
|
||||||
title : dialogLang.title,
|
title : dialogLang.title,
|
||||||
width : 400,
|
width : 400,
|
||||||
height : 180,
|
height : 180,
|
||||||
mask : settings.dialogShowMask,
|
mask : settings.dialogShowMask,
|
||||||
drag : settings.dialogDraggable,
|
drag : settings.dialogDraggable,
|
||||||
content : dialogContent,
|
content : dialogContent,
|
||||||
lockScreen : settings.dialogLockScreen,
|
lockScreen : settings.dialogLockScreen,
|
||||||
maskStyle : {
|
maskStyle : {
|
||||||
opacity : settings.dialogMaskOpacity,
|
opacity : settings.dialogMaskOpacity,
|
||||||
backgroundColor : settings.dialogMaskBgColor
|
backgroundColor : settings.dialogMaskBgColor
|
||||||
},
|
},
|
||||||
buttons : {
|
buttons : {
|
||||||
enter : [lang.buttons.enter, function() {
|
enter : [lang.buttons.enter, function() {
|
||||||
var line = parseInt(this.find("[data-line-number]").val());
|
var line = parseInt(this.find("[data-line-number]").val());
|
||||||
|
|
||||||
if (line < 1 || line > lineCount) {
|
if (line < 1 || line > lineCount) {
|
||||||
alert(dialogLang.error);
|
alert(dialogLang.error);
|
||||||
|
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
_this.gotoLine(line);
|
_this.gotoLine(line);
|
||||||
|
|
||||||
this.hide().lockScreen(false).hideMask();
|
this.hide().lockScreen(false).hideMask();
|
||||||
|
cm.focus && cm.focus();
|
||||||
return false;
|
|
||||||
}],
|
return false;
|
||||||
|
}],
|
||||||
cancel : [lang.buttons.cancel, function() {
|
|
||||||
this.hide().lockScreen(false).hideMask();
|
cancel : [lang.buttons.cancel, function() {
|
||||||
|
this.hide().lockScreen(false).hideMask();
|
||||||
return false;
|
cm.focus && cm.focus();
|
||||||
}]
|
|
||||||
}
|
return false;
|
||||||
});
|
}]
|
||||||
}
|
}
|
||||||
|
});
|
||||||
dialog = editor.find("." + dialogName);
|
}
|
||||||
|
|
||||||
this.dialogShowMask(dialog);
|
dialog = editor.find("." + dialogName);
|
||||||
this.dialogLockScreen();
|
|
||||||
dialog.show();
|
this.dialogShowMask(dialog);
|
||||||
};
|
this.dialogLockScreen();
|
||||||
|
dialog.show();
|
||||||
};
|
};
|
||||||
|
|
||||||
// CommonJS/Node.js
|
};
|
||||||
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
|
||||||
{
|
// CommonJS/Node.js
|
||||||
module.exports = factory;
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
||||||
}
|
{
|
||||||
else if (typeof define === "function") // AMD/CMD/Sea.js
|
module.exports = factory;
|
||||||
{
|
}
|
||||||
if (define.amd) { // for Require.js
|
else if (typeof define === "function") // AMD/CMD/Sea.js
|
||||||
|
{
|
||||||
define(["editormd"], function(editormd) {
|
if (define.amd) { // for Require.js
|
||||||
factory(editormd);
|
|
||||||
});
|
define(["editormd"], function(editormd) {
|
||||||
|
factory(editormd);
|
||||||
} else { // for Sea.js
|
});
|
||||||
define(function(require) {
|
|
||||||
var editormd = require("./../../editormd");
|
} else { // for Sea.js
|
||||||
factory(editormd);
|
define(function(require) {
|
||||||
});
|
var editormd = require("./../../editormd");
|
||||||
}
|
factory(editormd);
|
||||||
}
|
});
|
||||||
else
|
}
|
||||||
{
|
}
|
||||||
factory(window.editormd);
|
else
|
||||||
}
|
{
|
||||||
|
factory(window.editormd);
|
||||||
})();
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|||||||
@ -1,102 +1,104 @@
|
|||||||
/*!
|
/*!
|
||||||
* Help dialog plugin for Editor.md
|
* Help dialog plugin for Editor.md
|
||||||
*
|
*
|
||||||
* @file help-dialog.js
|
* @file help-dialog.js
|
||||||
* @author pandao
|
* @author pandao
|
||||||
* @version 1.2.0
|
* @version 1.2.0
|
||||||
* @updateTime 2015-03-08
|
* @updateTime 2015-03-08
|
||||||
* {@link https://github.com/pandao/editor.md}
|
* {@link https://github.com/pandao/editor.md}
|
||||||
* @license MIT
|
* @license MIT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
var factory = function (exports) {
|
var factory = function (exports) {
|
||||||
|
|
||||||
var $ = jQuery;
|
var $ = jQuery;
|
||||||
var pluginName = "help-dialog";
|
var pluginName = "help-dialog";
|
||||||
|
|
||||||
exports.fn.helpDialog = function() {
|
exports.fn.helpDialog = function() {
|
||||||
var _this = this;
|
var _this = this;
|
||||||
var lang = this.lang;
|
var lang = this.lang;
|
||||||
var editor = this.editor;
|
var cm = this.cm;
|
||||||
var settings = this.settings;
|
var editor = this.editor;
|
||||||
var path = settings.pluginPath + pluginName + "/";
|
var settings = this.settings;
|
||||||
var classPrefix = this.classPrefix;
|
var path = settings.pluginPath + pluginName + "/";
|
||||||
var dialogName = classPrefix + pluginName, dialog;
|
var classPrefix = this.classPrefix;
|
||||||
var dialogLang = lang.dialog.help;
|
var dialogName = classPrefix + pluginName, dialog;
|
||||||
|
var dialogLang = lang.dialog.help;
|
||||||
if (editor.find("." + dialogName).length < 1)
|
|
||||||
{
|
if (editor.find("." + dialogName).length < 1)
|
||||||
var dialogContent = "<div class=\"markdown-body\" style=\"font-family:微软雅黑, Helvetica, Tahoma, STXihei,Arial;height:390px;overflow:auto;font-size:14px;border-bottom:1px solid #ddd;padding:0 20px 20px 0;\"></div>";
|
{
|
||||||
|
var dialogContent = "<div class=\"markdown-body\" style=\"font-family:微软雅黑, Helvetica, Tahoma, STXihei,Arial;height:390px;overflow:auto;font-size:14px;border-bottom:1px solid #ddd;padding:0 20px 20px 0;\"></div>";
|
||||||
dialog = this.createDialog({
|
|
||||||
name : dialogName,
|
dialog = this.createDialog({
|
||||||
title : dialogLang.title,
|
name : dialogName,
|
||||||
width : 840,
|
title : dialogLang.title,
|
||||||
height : 540,
|
width : 840,
|
||||||
mask : settings.dialogShowMask,
|
height : 540,
|
||||||
drag : settings.dialogDraggable,
|
mask : settings.dialogShowMask,
|
||||||
content : dialogContent,
|
drag : settings.dialogDraggable,
|
||||||
lockScreen : settings.dialogLockScreen,
|
content : dialogContent,
|
||||||
maskStyle : {
|
lockScreen : settings.dialogLockScreen,
|
||||||
opacity : settings.dialogMaskOpacity,
|
maskStyle : {
|
||||||
backgroundColor : settings.dialogMaskBgColor
|
opacity : settings.dialogMaskOpacity,
|
||||||
},
|
backgroundColor : settings.dialogMaskBgColor
|
||||||
buttons : {
|
},
|
||||||
close : [lang.buttons.close, function() {
|
buttons : {
|
||||||
this.hide().lockScreen(false).hideMask();
|
close : [lang.buttons.close, function() {
|
||||||
|
this.hide().lockScreen(false).hideMask();
|
||||||
return false;
|
cm.focus && cm.focus();
|
||||||
}]
|
|
||||||
}
|
return false;
|
||||||
});
|
}]
|
||||||
}
|
}
|
||||||
|
});
|
||||||
dialog = editor.find("." + dialogName);
|
}
|
||||||
|
|
||||||
this.dialogShowMask(dialog);
|
dialog = editor.find("." + dialogName);
|
||||||
this.dialogLockScreen();
|
|
||||||
dialog.show();
|
this.dialogShowMask(dialog);
|
||||||
|
this.dialogLockScreen();
|
||||||
var helpContent = dialog.find(".markdown-body");
|
dialog.show();
|
||||||
|
|
||||||
if (helpContent.html() === "")
|
var helpContent = dialog.find(".markdown-body");
|
||||||
{
|
|
||||||
$.get(path + "help.md", function(text) {
|
if (helpContent.html() === "")
|
||||||
var md = exports.$marked(text);
|
{
|
||||||
helpContent.html(md);
|
$.get(path + "help.md", function(text) {
|
||||||
|
var md = exports.$marked(text);
|
||||||
helpContent.find("a").attr("target", "_blank");
|
helpContent.html(md);
|
||||||
});
|
|
||||||
}
|
helpContent.find("a").attr("target", "_blank");
|
||||||
};
|
});
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// CommonJS/Node.js
|
};
|
||||||
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
|
||||||
{
|
// CommonJS/Node.js
|
||||||
module.exports = factory;
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
||||||
}
|
{
|
||||||
else if (typeof define === "function") // AMD/CMD/Sea.js
|
module.exports = factory;
|
||||||
{
|
}
|
||||||
if (define.amd) { // for Require.js
|
else if (typeof define === "function") // AMD/CMD/Sea.js
|
||||||
|
{
|
||||||
define(["editormd"], function(editormd) {
|
if (define.amd) { // for Require.js
|
||||||
factory(editormd);
|
|
||||||
});
|
define(["editormd"], function(editormd) {
|
||||||
|
factory(editormd);
|
||||||
} else { // for Sea.js
|
});
|
||||||
define(function(require) {
|
|
||||||
var editormd = require("./../../editormd");
|
} else { // for Sea.js
|
||||||
factory(editormd);
|
define(function(require) {
|
||||||
});
|
var editormd = require("./../../editormd");
|
||||||
}
|
factory(editormd);
|
||||||
}
|
});
|
||||||
else
|
}
|
||||||
{
|
}
|
||||||
factory(window.editormd);
|
else
|
||||||
}
|
{
|
||||||
|
factory(window.editormd);
|
||||||
})();
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|||||||
@ -1,173 +1,173 @@
|
|||||||
/*!
|
/*!
|
||||||
* HTML entities dialog plugin for Editor.md
|
* HTML entities dialog plugin for Editor.md
|
||||||
*
|
*
|
||||||
* @file html-entities-dialog.js
|
* @file html-entities-dialog.js
|
||||||
* @author pandao
|
* @author pandao
|
||||||
* @version 1.2.0
|
* @version 1.2.0
|
||||||
* @updateTime 2015-03-08
|
* @updateTime 2015-03-08
|
||||||
* {@link https://github.com/pandao/editor.md}
|
* {@link https://github.com/pandao/editor.md}
|
||||||
* @license MIT
|
* @license MIT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
var factory = function (exports) {
|
var factory = function (exports) {
|
||||||
|
|
||||||
var $ = jQuery;
|
var $ = jQuery;
|
||||||
var pluginName = "html-entities-dialog";
|
var pluginName = "html-entities-dialog";
|
||||||
var selecteds = [];
|
var selecteds = [];
|
||||||
var entitiesData = [];
|
var entitiesData = [];
|
||||||
|
|
||||||
exports.fn.htmlEntitiesDialog = function() {
|
exports.fn.htmlEntitiesDialog = function() {
|
||||||
var _this = this;
|
var _this = this;
|
||||||
var cm = this.cm;
|
var cm = this.cm;
|
||||||
var lang = _this.lang;
|
var lang = _this.lang;
|
||||||
var settings = _this.settings;
|
var settings = _this.settings;
|
||||||
var path = settings.pluginPath + pluginName + "/";
|
var path = settings.pluginPath + pluginName + "/";
|
||||||
var editor = this.editor;
|
var editor = this.editor;
|
||||||
var cursor = cm.getCursor();
|
var cursor = cm.getCursor();
|
||||||
var selection = cm.getSelection();
|
var selection = cm.getSelection();
|
||||||
var classPrefix = _this.classPrefix;
|
var classPrefix = _this.classPrefix;
|
||||||
|
|
||||||
var dialogName = classPrefix + "dialog-" + pluginName, dialog;
|
var dialogName = classPrefix + "dialog-" + pluginName, dialog;
|
||||||
var dialogLang = lang.dialog.htmlEntities;
|
var dialogLang = lang.dialog.htmlEntities;
|
||||||
|
|
||||||
var dialogContent = [
|
var dialogContent = [
|
||||||
'<div class="' + classPrefix + 'html-entities-box" style=\"width: 760px;height: 334px;margin-bottom: 8px;overflow: hidden;overflow-y: auto;\">',
|
'<div class="' + classPrefix + 'html-entities-box" style=\"width: 760px;height: 334px;margin-bottom: 8px;overflow: hidden;overflow-y: auto;\">',
|
||||||
'<div class="' + classPrefix + 'grid-table">',
|
'<div class="' + classPrefix + 'grid-table">',
|
||||||
'</div>',
|
'</div>',
|
||||||
'</div>',
|
'</div>',
|
||||||
].join("\r\n");
|
].join("\r\n");
|
||||||
|
|
||||||
cm.focus();
|
cm.focus();
|
||||||
|
|
||||||
if (editor.find("." + dialogName).length > 0)
|
if (editor.find("." + dialogName).length > 0)
|
||||||
{
|
{
|
||||||
dialog = editor.find("." + dialogName);
|
dialog = editor.find("." + dialogName);
|
||||||
|
|
||||||
selecteds = [];
|
selecteds = [];
|
||||||
dialog.find("a").removeClass("selected");
|
dialog.find("a").removeClass("selected");
|
||||||
|
|
||||||
this.dialogShowMask(dialog);
|
this.dialogShowMask(dialog);
|
||||||
this.dialogLockScreen();
|
this.dialogLockScreen();
|
||||||
dialog.show();
|
dialog.show();
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
dialog = this.createDialog({
|
dialog = this.createDialog({
|
||||||
name : dialogName,
|
name : dialogName,
|
||||||
title : dialogLang.title,
|
title : dialogLang.title,
|
||||||
width : 800,
|
width : 800,
|
||||||
height : 475,
|
height : 475,
|
||||||
mask : settings.dialogShowMask,
|
mask : settings.dialogShowMask,
|
||||||
drag : settings.dialogDraggable,
|
drag : settings.dialogDraggable,
|
||||||
content : dialogContent,
|
content : dialogContent,
|
||||||
lockScreen : settings.dialogLockScreen,
|
lockScreen : settings.dialogLockScreen,
|
||||||
maskStyle : {
|
maskStyle : {
|
||||||
opacity : settings.dialogMaskOpacity,
|
opacity : settings.dialogMaskOpacity,
|
||||||
backgroundColor : settings.dialogMaskBgColor
|
backgroundColor : settings.dialogMaskBgColor
|
||||||
},
|
},
|
||||||
buttons : {
|
buttons : {
|
||||||
enter : [lang.buttons.enter, function() {
|
enter : [lang.buttons.enter, function() {
|
||||||
cm.replaceSelection(selecteds.join(" "));
|
cm.replaceSelection(selecteds.join(" "));
|
||||||
this.hide().lockScreen(false).hideMask();
|
this.hide().lockScreen(false).hideMask();
|
||||||
|
cm.focus && cm.focus();
|
||||||
return false;
|
return false;
|
||||||
}],
|
}],
|
||||||
cancel : [lang.buttons.cancel, function() {
|
cancel : [lang.buttons.cancel, function() {
|
||||||
this.hide().lockScreen(false).hideMask();
|
this.hide().lockScreen(false).hideMask();
|
||||||
|
cm.focus && cm.focus();
|
||||||
return false;
|
return false;
|
||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
var table = dialog.find("." + classPrefix + "grid-table");
|
var table = dialog.find("." + classPrefix + "grid-table");
|
||||||
|
|
||||||
var drawTable = function() {
|
var drawTable = function() {
|
||||||
|
|
||||||
if (entitiesData.length < 1) return ;
|
if (entitiesData.length < 1) return ;
|
||||||
|
|
||||||
var rowNumber = 20;
|
var rowNumber = 20;
|
||||||
var pageTotal = Math.ceil(entitiesData.length / rowNumber);
|
var pageTotal = Math.ceil(entitiesData.length / rowNumber);
|
||||||
|
|
||||||
table.html("");
|
table.html("");
|
||||||
|
|
||||||
for (var i = 0; i < pageTotal; i++)
|
for (var i = 0; i < pageTotal; i++)
|
||||||
{
|
{
|
||||||
var row = "<div class=\"" + classPrefix + "grid-table-row\">";
|
var row = "<div class=\"" + classPrefix + "grid-table-row\">";
|
||||||
|
|
||||||
for (var x = 0; x < rowNumber; x++)
|
for (var x = 0; x < rowNumber; x++)
|
||||||
{
|
{
|
||||||
var entity = entitiesData[(i * rowNumber) + x];
|
var entity = entitiesData[(i * rowNumber) + x];
|
||||||
|
|
||||||
if (typeof entity !== "undefined")
|
if (typeof entity !== "undefined")
|
||||||
{
|
{
|
||||||
var name = entity.name.replace("&", "&");
|
var name = entity.name.replace("&", "&");
|
||||||
|
|
||||||
row += "<a href=\"javascript:;\" value=\"" + entity.name + "\" title=\"" + name + "\" class=\"" + classPrefix + "html-entity-btn\">" + name + "</a>";
|
row += "<a href=\"javascript:;\" value=\"" + entity.name + "\" title=\"" + name + "\" class=\"" + classPrefix + "html-entity-btn\">" + name + "</a>";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
row += "</div>";
|
row += "</div>";
|
||||||
|
|
||||||
table.append(row);
|
table.append(row);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog.find("." + classPrefix + "html-entity-btn").bind(exports.mouseOrTouch("click", "touchend"), function() {
|
dialog.find("." + classPrefix + "html-entity-btn").bind(exports.mouseOrTouch("click", "touchend"), function() {
|
||||||
$(this).toggleClass("selected");
|
$(this).toggleClass("selected");
|
||||||
|
|
||||||
if ($(this).hasClass("selected"))
|
if ($(this).hasClass("selected"))
|
||||||
{
|
{
|
||||||
selecteds.push($(this).attr("value"));
|
selecteds.push($(this).attr("value"));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
if (entitiesData.length < 1)
|
if (entitiesData.length < 1)
|
||||||
{
|
{
|
||||||
if (typeof (dialog.loading) == "function") dialog.loading(true);
|
if (typeof (dialog.loading) == "function") dialog.loading(true);
|
||||||
|
|
||||||
$.getJSON(path + pluginName.replace("-dialog", "") + ".json", function(json) {
|
$.getJSON(path + pluginName.replace("-dialog", "") + ".json", function(json) {
|
||||||
|
|
||||||
if (typeof (dialog.loading) == "function") dialog.loading(false);
|
if (typeof (dialog.loading) == "function") dialog.loading(false);
|
||||||
|
|
||||||
entitiesData = json;
|
entitiesData = json;
|
||||||
drawTable();
|
drawTable();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
drawTable();
|
drawTable();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// CommonJS/Node.js
|
// CommonJS/Node.js
|
||||||
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
||||||
{
|
{
|
||||||
module.exports = factory;
|
module.exports = factory;
|
||||||
}
|
}
|
||||||
else if (typeof define === "function") // AMD/CMD/Sea.js
|
else if (typeof define === "function") // AMD/CMD/Sea.js
|
||||||
{
|
{
|
||||||
if (define.amd) { // for Require.js
|
if (define.amd) { // for Require.js
|
||||||
|
|
||||||
define(["editormd"], function(editormd) {
|
define(["editormd"], function(editormd) {
|
||||||
factory(editormd);
|
factory(editormd);
|
||||||
});
|
});
|
||||||
|
|
||||||
} else { // for Sea.js
|
} else { // for Sea.js
|
||||||
define(function(require) {
|
define(function(require) {
|
||||||
var editormd = require("./../../editormd");
|
var editormd = require("./../../editormd");
|
||||||
factory(editormd);
|
factory(editormd);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
factory(window.editormd);
|
factory(window.editormd);
|
||||||
}
|
}
|
||||||
|
|
||||||
})();
|
})();
|
||||||
|
|||||||
@ -1,133 +1,134 @@
|
|||||||
/*!
|
/*!
|
||||||
* Link dialog plugin for Editor.md
|
* Link dialog plugin for Editor.md
|
||||||
*
|
*
|
||||||
* @file link-dialog.js
|
* @file link-dialog.js
|
||||||
* @author pandao
|
* @author pandao
|
||||||
* @version 1.2.1
|
* @version 1.2.1
|
||||||
* @updateTime 2015-06-09
|
* @updateTime 2015-06-09
|
||||||
* {@link https://github.com/pandao/editor.md}
|
* {@link https://github.com/pandao/editor.md}
|
||||||
* @license MIT
|
* @license MIT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
var factory = function (exports) {
|
var factory = function (exports) {
|
||||||
|
|
||||||
var pluginName = "link-dialog";
|
var pluginName = "link-dialog";
|
||||||
|
|
||||||
exports.fn.linkDialog = function() {
|
exports.fn.linkDialog = function() {
|
||||||
|
|
||||||
var _this = this;
|
var _this = this;
|
||||||
var cm = this.cm;
|
var cm = this.cm;
|
||||||
var editor = this.editor;
|
var editor = this.editor;
|
||||||
var settings = this.settings;
|
var settings = this.settings;
|
||||||
var selection = cm.getSelection();
|
var selection = cm.getSelection();
|
||||||
var lang = this.lang;
|
var lang = this.lang;
|
||||||
var linkLang = lang.dialog.link;
|
var linkLang = lang.dialog.link;
|
||||||
var classPrefix = this.classPrefix;
|
var classPrefix = this.classPrefix;
|
||||||
var dialogName = classPrefix + pluginName, dialog;
|
var dialogName = classPrefix + pluginName, dialog;
|
||||||
|
|
||||||
cm.focus();
|
cm.focus();
|
||||||
|
|
||||||
if (editor.find("." + dialogName).length > 0)
|
if (editor.find("." + dialogName).length > 0)
|
||||||
{
|
{
|
||||||
dialog = editor.find("." + dialogName);
|
dialog = editor.find("." + dialogName);
|
||||||
dialog.find("[data-url]").val("http://");
|
dialog.find("[data-url]").val("http://");
|
||||||
dialog.find("[data-title]").val(selection);
|
dialog.find("[data-title]").val(selection);
|
||||||
|
|
||||||
this.dialogShowMask(dialog);
|
this.dialogShowMask(dialog);
|
||||||
this.dialogLockScreen();
|
this.dialogLockScreen();
|
||||||
dialog.show();
|
dialog.show();
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
var dialogHTML = "<div class=\"" + classPrefix + "form\">" +
|
var dialogHTML = "<div class=\"" + classPrefix + "form\">" +
|
||||||
"<label>" + linkLang.url + "</label>" +
|
"<label>" + linkLang.url + "</label>" +
|
||||||
"<input type=\"text\" value=\"http://\" data-url />" +
|
"<input type=\"text\" value=\"http://\" data-url />" +
|
||||||
"<br/>" +
|
"<br/>" +
|
||||||
"<label>" + linkLang.urlTitle + "</label>" +
|
"<label>" + linkLang.urlTitle + "</label>" +
|
||||||
"<input type=\"text\" value=\"" + selection + "\" data-title />" +
|
"<input type=\"text\" value=\"" + selection + "\" data-title />" +
|
||||||
"<br/>" +
|
"<br/>" +
|
||||||
"</div>";
|
"</div>";
|
||||||
|
|
||||||
dialog = this.createDialog({
|
dialog = this.createDialog({
|
||||||
title : linkLang.title,
|
title : linkLang.title,
|
||||||
width : 380,
|
width : 380,
|
||||||
height : 211,
|
height : 211,
|
||||||
content : dialogHTML,
|
content : dialogHTML,
|
||||||
mask : settings.dialogShowMask,
|
mask : settings.dialogShowMask,
|
||||||
drag : settings.dialogDraggable,
|
drag : settings.dialogDraggable,
|
||||||
lockScreen : settings.dialogLockScreen,
|
lockScreen : settings.dialogLockScreen,
|
||||||
maskStyle : {
|
maskStyle : {
|
||||||
opacity : settings.dialogMaskOpacity,
|
opacity : settings.dialogMaskOpacity,
|
||||||
backgroundColor : settings.dialogMaskBgColor
|
backgroundColor : settings.dialogMaskBgColor
|
||||||
},
|
},
|
||||||
buttons : {
|
buttons : {
|
||||||
enter : [lang.buttons.enter, function() {
|
enter : [lang.buttons.enter, function() {
|
||||||
var url = this.find("[data-url]").val();
|
var url = this.find("[data-url]").val();
|
||||||
var title = this.find("[data-title]").val();
|
var title = this.find("[data-title]").val();
|
||||||
|
|
||||||
if (url === "http://" || url === "")
|
if (url === "http://" || url === "")
|
||||||
{
|
{
|
||||||
alert(linkLang.urlEmpty);
|
alert(linkLang.urlEmpty);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*if (title === "")
|
/*if (title === "")
|
||||||
{
|
{
|
||||||
alert(linkLang.titleEmpty);
|
alert(linkLang.titleEmpty);
|
||||||
return false;
|
return false;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
var str = "[" + title + "](" + url + " \"" + title + "\")";
|
var str = "[" + title + "](" + url + " \"" + title + "\")";
|
||||||
|
|
||||||
if (title == "")
|
if (title == "")
|
||||||
{
|
{
|
||||||
str = "[" + url + "](" + url + ")";
|
str = "[" + url + "](" + url + ")";
|
||||||
}
|
}
|
||||||
|
|
||||||
cm.replaceSelection(str);
|
cm.replaceSelection(str);
|
||||||
|
|
||||||
this.hide().lockScreen(false).hideMask();
|
this.hide().lockScreen(false).hideMask();
|
||||||
|
cm.focus && cm.focus();
|
||||||
return false;
|
|
||||||
}],
|
return false;
|
||||||
|
}],
|
||||||
cancel : [lang.buttons.cancel, function() {
|
|
||||||
this.hide().lockScreen(false).hideMask();
|
cancel : [lang.buttons.cancel, function() {
|
||||||
|
this.hide().lockScreen(false).hideMask();
|
||||||
return false;
|
cm.focus && cm.focus();
|
||||||
}]
|
return false;
|
||||||
}
|
}]
|
||||||
});
|
}
|
||||||
}
|
});
|
||||||
};
|
}
|
||||||
|
};
|
||||||
};
|
|
||||||
|
};
|
||||||
// CommonJS/Node.js
|
|
||||||
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
// CommonJS/Node.js
|
||||||
{
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
||||||
module.exports = factory;
|
{
|
||||||
}
|
module.exports = factory;
|
||||||
else if (typeof define === "function") // AMD/CMD/Sea.js
|
}
|
||||||
{
|
else if (typeof define === "function") // AMD/CMD/Sea.js
|
||||||
if (define.amd) { // for Require.js
|
{
|
||||||
|
if (define.amd) { // for Require.js
|
||||||
define(["editormd"], function(editormd) {
|
|
||||||
factory(editormd);
|
define(["editormd"], function(editormd) {
|
||||||
});
|
factory(editormd);
|
||||||
|
});
|
||||||
} else { // for Sea.js
|
|
||||||
define(function(require) {
|
} else { // for Sea.js
|
||||||
var editormd = require("./../../editormd");
|
define(function(require) {
|
||||||
factory(editormd);
|
var editormd = require("./../../editormd");
|
||||||
});
|
factory(editormd);
|
||||||
}
|
});
|
||||||
}
|
}
|
||||||
else
|
}
|
||||||
{
|
else
|
||||||
factory(window.editormd);
|
{
|
||||||
}
|
factory(window.editormd);
|
||||||
|
}
|
||||||
})();
|
|
||||||
|
})();
|
||||||
|
|||||||
@ -1,172 +1,174 @@
|
|||||||
/*!
|
/*!
|
||||||
* Preformatted text dialog plugin for Editor.md
|
* Preformatted text dialog plugin for Editor.md
|
||||||
*
|
*
|
||||||
* @file preformatted-text-dialog.js
|
* @file preformatted-text-dialog.js
|
||||||
* @author pandao
|
* @author pandao
|
||||||
* @version 1.2.0
|
* @version 1.2.0
|
||||||
* @updateTime 2015-03-07
|
* @updateTime 2015-03-07
|
||||||
* {@link https://github.com/pandao/editor.md}
|
* {@link https://github.com/pandao/editor.md}
|
||||||
* @license MIT
|
* @license MIT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
var factory = function (exports) {
|
var factory = function (exports) {
|
||||||
var cmEditor;
|
var cmEditor;
|
||||||
var pluginName = "preformatted-text-dialog";
|
var pluginName = "preformatted-text-dialog";
|
||||||
|
|
||||||
exports.fn.preformattedTextDialog = function() {
|
exports.fn.preformattedTextDialog = function() {
|
||||||
|
|
||||||
var _this = this;
|
var _this = this;
|
||||||
var cm = this.cm;
|
var cm = this.cm;
|
||||||
var lang = this.lang;
|
var lang = this.lang;
|
||||||
var editor = this.editor;
|
var editor = this.editor;
|
||||||
var settings = this.settings;
|
var settings = this.settings;
|
||||||
var cursor = cm.getCursor();
|
var cursor = cm.getCursor();
|
||||||
var selection = cm.getSelection();
|
var selection = cm.getSelection();
|
||||||
var classPrefix = this.classPrefix;
|
var classPrefix = this.classPrefix;
|
||||||
var dialogLang = lang.dialog.preformattedText;
|
var dialogLang = lang.dialog.preformattedText;
|
||||||
var dialogName = classPrefix + pluginName, dialog;
|
var dialogName = classPrefix + pluginName, dialog;
|
||||||
|
|
||||||
cm.focus();
|
cm.focus();
|
||||||
|
|
||||||
if (editor.find("." + dialogName).length > 0)
|
if (editor.find("." + dialogName).length > 0)
|
||||||
{
|
{
|
||||||
dialog = editor.find("." + dialogName);
|
dialog = editor.find("." + dialogName);
|
||||||
dialog.find("textarea").val(selection);
|
dialog.find("textarea").val(selection);
|
||||||
|
|
||||||
this.dialogShowMask(dialog);
|
this.dialogShowMask(dialog);
|
||||||
this.dialogLockScreen();
|
this.dialogLockScreen();
|
||||||
dialog.show();
|
dialog.show();
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
var dialogContent = "<textarea placeholder=\"coding now....\" style=\"display:none;\">" + selection + "</textarea>";
|
var dialogContent = "<textarea placeholder=\"coding now....\" style=\"display:none;\">" + selection + "</textarea>";
|
||||||
|
|
||||||
dialog = this.createDialog({
|
dialog = this.createDialog({
|
||||||
name : dialogName,
|
name : dialogName,
|
||||||
title : dialogLang.title,
|
title : dialogLang.title,
|
||||||
width : 780,
|
width : 780,
|
||||||
height : 540,
|
height : 540,
|
||||||
mask : settings.dialogShowMask,
|
mask : settings.dialogShowMask,
|
||||||
drag : settings.dialogDraggable,
|
drag : settings.dialogDraggable,
|
||||||
content : dialogContent,
|
content : dialogContent,
|
||||||
lockScreen : settings.dialogLockScreen,
|
lockScreen : settings.dialogLockScreen,
|
||||||
maskStyle : {
|
maskStyle : {
|
||||||
opacity : settings.dialogMaskOpacity,
|
opacity : settings.dialogMaskOpacity,
|
||||||
backgroundColor : settings.dialogMaskBgColor
|
backgroundColor : settings.dialogMaskBgColor
|
||||||
},
|
},
|
||||||
buttons : {
|
buttons : {
|
||||||
enter : [lang.buttons.enter, function() {
|
enter : [lang.buttons.enter, function() {
|
||||||
var codeTexts = this.find("textarea").val();
|
var codeTexts = this.find("textarea").val();
|
||||||
|
|
||||||
if (codeTexts === "")
|
if (codeTexts === "")
|
||||||
{
|
{
|
||||||
alert(dialogLang.emptyAlert);
|
alert(dialogLang.emptyAlert);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
codeTexts = codeTexts.split("\n");
|
codeTexts = codeTexts.split("\n");
|
||||||
|
|
||||||
for (var i in codeTexts)
|
for (var i in codeTexts)
|
||||||
{
|
{
|
||||||
codeTexts[i] = " " + codeTexts[i];
|
codeTexts[i] = " " + codeTexts[i];
|
||||||
}
|
}
|
||||||
|
|
||||||
codeTexts = codeTexts.join("\n");
|
codeTexts = codeTexts.join("\n");
|
||||||
|
|
||||||
if (cursor.ch !== 0) {
|
if (cursor.ch !== 0) {
|
||||||
codeTexts = "\r\n\r\n" + codeTexts;
|
codeTexts = "\r\n\r\n" + codeTexts;
|
||||||
}
|
}
|
||||||
|
|
||||||
cm.replaceSelection(codeTexts);
|
cm.replaceSelection(codeTexts);
|
||||||
|
|
||||||
this.hide().lockScreen(false).hideMask();
|
this.hide().lockScreen(false).hideMask();
|
||||||
|
cm.focus && cm.focus();
|
||||||
return false;
|
|
||||||
}],
|
return false;
|
||||||
cancel : [lang.buttons.cancel, function() {
|
}],
|
||||||
this.hide().lockScreen(false).hideMask();
|
cancel : [lang.buttons.cancel, function() {
|
||||||
|
this.hide().lockScreen(false).hideMask();
|
||||||
return false;
|
cm.focus && cm.focus();
|
||||||
}]
|
|
||||||
}
|
return false;
|
||||||
});
|
}]
|
||||||
}
|
}
|
||||||
|
});
|
||||||
var cmConfig = {
|
}
|
||||||
mode : "text/html",
|
|
||||||
theme : settings.theme,
|
var cmConfig = {
|
||||||
tabSize : 4,
|
mode : "text/html",
|
||||||
autofocus : true,
|
theme : settings.theme,
|
||||||
autoCloseTags : true,
|
tabSize : 4,
|
||||||
indentUnit : 4,
|
autofocus : true,
|
||||||
lineNumbers : true,
|
autoCloseTags : true,
|
||||||
lineWrapping : true,
|
indentUnit : 4,
|
||||||
extraKeys : {"Ctrl-Q": function(cm){ cm.foldCode(cm.getCursor()); }},
|
lineNumbers : true,
|
||||||
foldGutter : true,
|
lineWrapping : true,
|
||||||
gutters : ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
|
extraKeys : {"Ctrl-Q": function(cm){ cm.foldCode(cm.getCursor()); }},
|
||||||
matchBrackets : true,
|
foldGutter : true,
|
||||||
indentWithTabs : true,
|
gutters : ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
|
||||||
styleActiveLine : true,
|
matchBrackets : true,
|
||||||
styleSelectedText : true,
|
indentWithTabs : true,
|
||||||
autoCloseBrackets : true,
|
styleActiveLine : true,
|
||||||
showTrailingSpace : true,
|
styleSelectedText : true,
|
||||||
highlightSelectionMatches : true
|
autoCloseBrackets : true,
|
||||||
};
|
showTrailingSpace : true,
|
||||||
|
highlightSelectionMatches : true
|
||||||
var textarea = dialog.find("textarea");
|
};
|
||||||
var cmObj = dialog.find(".CodeMirror");
|
|
||||||
|
var textarea = dialog.find("textarea");
|
||||||
if (dialog.find(".CodeMirror").length < 1)
|
var cmObj = dialog.find(".CodeMirror");
|
||||||
{
|
|
||||||
cmEditor = exports.$CodeMirror.fromTextArea(textarea[0], cmConfig);
|
if (dialog.find(".CodeMirror").length < 1)
|
||||||
cmObj = dialog.find(".CodeMirror");
|
{
|
||||||
|
cmEditor = exports.$CodeMirror.fromTextArea(textarea[0], cmConfig);
|
||||||
cmObj.css({
|
cmObj = dialog.find(".CodeMirror");
|
||||||
"float" : "none",
|
|
||||||
margin : "0 0 5px",
|
cmObj.css({
|
||||||
border : "1px solid #ddd",
|
"float" : "none",
|
||||||
fontSize : settings.fontSize,
|
margin : "0 0 5px",
|
||||||
width : "100%",
|
border : "1px solid #ddd",
|
||||||
height : "410px"
|
fontSize : settings.fontSize,
|
||||||
});
|
width : "100%",
|
||||||
|
height : "410px"
|
||||||
cmEditor.on("change", function(cm) {
|
});
|
||||||
textarea.val(cm.getValue());
|
|
||||||
});
|
cmEditor.on("change", function(cm) {
|
||||||
}
|
textarea.val(cm.getValue());
|
||||||
else
|
});
|
||||||
{
|
}
|
||||||
cmEditor.setValue(cm.getSelection());
|
else
|
||||||
}
|
{
|
||||||
};
|
cmEditor.setValue(cm.getSelection());
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// CommonJS/Node.js
|
};
|
||||||
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
|
||||||
{
|
// CommonJS/Node.js
|
||||||
module.exports = factory;
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
||||||
}
|
{
|
||||||
else if (typeof define === "function") // AMD/CMD/Sea.js
|
module.exports = factory;
|
||||||
{
|
}
|
||||||
if (define.amd) { // for Require.js
|
else if (typeof define === "function") // AMD/CMD/Sea.js
|
||||||
|
{
|
||||||
define(["editormd"], function(editormd) {
|
if (define.amd) { // for Require.js
|
||||||
factory(editormd);
|
|
||||||
});
|
define(["editormd"], function(editormd) {
|
||||||
|
factory(editormd);
|
||||||
} else { // for Sea.js
|
});
|
||||||
define(function(require) {
|
|
||||||
var editormd = require("./../../editormd");
|
} else { // for Sea.js
|
||||||
factory(editormd);
|
define(function(require) {
|
||||||
});
|
var editormd = require("./../../editormd");
|
||||||
}
|
factory(editormd);
|
||||||
}
|
});
|
||||||
else
|
}
|
||||||
{
|
}
|
||||||
factory(window.editormd);
|
else
|
||||||
}
|
{
|
||||||
|
factory(window.editormd);
|
||||||
})();
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|||||||
@ -1,153 +1,155 @@
|
|||||||
/*!
|
/*!
|
||||||
* Reference link dialog plugin for Editor.md
|
* Reference link dialog plugin for Editor.md
|
||||||
*
|
*
|
||||||
* @file reference-link-dialog.js
|
* @file reference-link-dialog.js
|
||||||
* @author pandao
|
* @author pandao
|
||||||
* @version 1.2.1
|
* @version 1.2.1
|
||||||
* @updateTime 2015-06-09
|
* @updateTime 2015-06-09
|
||||||
* {@link https://github.com/pandao/editor.md}
|
* {@link https://github.com/pandao/editor.md}
|
||||||
* @license MIT
|
* @license MIT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
var factory = function (exports) {
|
var factory = function (exports) {
|
||||||
|
|
||||||
var pluginName = "reference-link-dialog";
|
var pluginName = "reference-link-dialog";
|
||||||
var ReLinkId = 1;
|
var ReLinkId = 1;
|
||||||
|
|
||||||
exports.fn.referenceLinkDialog = function() {
|
exports.fn.referenceLinkDialog = function() {
|
||||||
|
|
||||||
var _this = this;
|
var _this = this;
|
||||||
var cm = this.cm;
|
var cm = this.cm;
|
||||||
var lang = this.lang;
|
var lang = this.lang;
|
||||||
var editor = this.editor;
|
var editor = this.editor;
|
||||||
var settings = this.settings;
|
var settings = this.settings;
|
||||||
var cursor = cm.getCursor();
|
var cursor = cm.getCursor();
|
||||||
var selection = cm.getSelection();
|
var selection = cm.getSelection();
|
||||||
var dialogLang = lang.dialog.referenceLink;
|
var dialogLang = lang.dialog.referenceLink;
|
||||||
var classPrefix = this.classPrefix;
|
var classPrefix = this.classPrefix;
|
||||||
var dialogName = classPrefix + pluginName, dialog;
|
var dialogName = classPrefix + pluginName, dialog;
|
||||||
|
|
||||||
cm.focus();
|
cm.focus();
|
||||||
|
|
||||||
if (editor.find("." + dialogName).length < 1)
|
if (editor.find("." + dialogName).length < 1)
|
||||||
{
|
{
|
||||||
var dialogHTML = "<div class=\"" + classPrefix + "form\">" +
|
var dialogHTML = "<div class=\"" + classPrefix + "form\">" +
|
||||||
"<label>" + dialogLang.name + "</label>" +
|
"<label>" + dialogLang.name + "</label>" +
|
||||||
"<input type=\"text\" value=\"[" + ReLinkId + "]\" data-name />" +
|
"<input type=\"text\" value=\"[" + ReLinkId + "]\" data-name />" +
|
||||||
"<br/>" +
|
"<br/>" +
|
||||||
"<label>" + dialogLang.urlId + "</label>" +
|
"<label>" + dialogLang.urlId + "</label>" +
|
||||||
"<input type=\"text\" data-url-id />" +
|
"<input type=\"text\" data-url-id />" +
|
||||||
"<br/>" +
|
"<br/>" +
|
||||||
"<label>" + dialogLang.url + "</label>" +
|
"<label>" + dialogLang.url + "</label>" +
|
||||||
"<input type=\"text\" value=\"http://\" data-url />" +
|
"<input type=\"text\" value=\"http://\" data-url />" +
|
||||||
"<br/>" +
|
"<br/>" +
|
||||||
"<label>" + dialogLang.urlTitle + "</label>" +
|
"<label>" + dialogLang.urlTitle + "</label>" +
|
||||||
"<input type=\"text\" value=\"" + selection + "\" data-title />" +
|
"<input type=\"text\" value=\"" + selection + "\" data-title />" +
|
||||||
"<br/>" +
|
"<br/>" +
|
||||||
"</div>";
|
"</div>";
|
||||||
|
|
||||||
dialog = this.createDialog({
|
dialog = this.createDialog({
|
||||||
name : dialogName,
|
name : dialogName,
|
||||||
title : dialogLang.title,
|
title : dialogLang.title,
|
||||||
width : 380,
|
width : 380,
|
||||||
height : 296,
|
height : 296,
|
||||||
content : dialogHTML,
|
content : dialogHTML,
|
||||||
mask : settings.dialogShowMask,
|
mask : settings.dialogShowMask,
|
||||||
drag : settings.dialogDraggable,
|
drag : settings.dialogDraggable,
|
||||||
lockScreen : settings.dialogLockScreen,
|
lockScreen : settings.dialogLockScreen,
|
||||||
maskStyle : {
|
maskStyle : {
|
||||||
opacity : settings.dialogMaskOpacity,
|
opacity : settings.dialogMaskOpacity,
|
||||||
backgroundColor : settings.dialogMaskBgColor
|
backgroundColor : settings.dialogMaskBgColor
|
||||||
},
|
},
|
||||||
buttons : {
|
buttons : {
|
||||||
enter : [lang.buttons.enter, function() {
|
enter : [lang.buttons.enter, function() {
|
||||||
var name = this.find("[data-name]").val();
|
var name = this.find("[data-name]").val();
|
||||||
var url = this.find("[data-url]").val();
|
var url = this.find("[data-url]").val();
|
||||||
var rid = this.find("[data-url-id]").val();
|
var rid = this.find("[data-url-id]").val();
|
||||||
var title = this.find("[data-title]").val();
|
var title = this.find("[data-title]").val();
|
||||||
|
|
||||||
if (name === "")
|
if (name === "")
|
||||||
{
|
{
|
||||||
alert(dialogLang.nameEmpty);
|
alert(dialogLang.nameEmpty);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (rid === "")
|
if (rid === "")
|
||||||
{
|
{
|
||||||
alert(dialogLang.idEmpty);
|
alert(dialogLang.idEmpty);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (url === "http://" || url === "")
|
if (url === "http://" || url === "")
|
||||||
{
|
{
|
||||||
alert(dialogLang.urlEmpty);
|
alert(dialogLang.urlEmpty);
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
//cm.replaceSelection("[" + title + "][" + name + "]\n[" + name + "]: " + url + "");
|
//cm.replaceSelection("[" + title + "][" + name + "]\n[" + name + "]: " + url + "");
|
||||||
cm.replaceSelection("[" + name + "][" + rid + "]");
|
cm.replaceSelection("[" + name + "][" + rid + "]");
|
||||||
|
|
||||||
if (selection === "") {
|
if (selection === "") {
|
||||||
cm.setCursor(cursor.line, cursor.ch + 1);
|
cm.setCursor(cursor.line, cursor.ch + 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
title = (title === "") ? "" : " \"" + title + "\"";
|
title = (title === "") ? "" : " \"" + title + "\"";
|
||||||
|
|
||||||
cm.setValue(cm.getValue() + "\n[" + rid + "]: " + url + title + "");
|
cm.setValue(cm.getValue() + "\n[" + rid + "]: " + url + title + "");
|
||||||
|
|
||||||
this.hide().lockScreen(false).hideMask();
|
this.hide().lockScreen(false).hideMask();
|
||||||
|
cm.focus && cm.focus();
|
||||||
return false;
|
|
||||||
}],
|
return false;
|
||||||
cancel : [lang.buttons.cancel, function() {
|
}],
|
||||||
this.hide().lockScreen(false).hideMask();
|
cancel : [lang.buttons.cancel, function() {
|
||||||
|
this.hide().lockScreen(false).hideMask();
|
||||||
return false;
|
cm.focus && cm.focus();
|
||||||
}]
|
|
||||||
}
|
return false;
|
||||||
});
|
}]
|
||||||
}
|
}
|
||||||
|
});
|
||||||
dialog = editor.find("." + dialogName);
|
}
|
||||||
dialog.find("[data-name]").val("[" + ReLinkId + "]");
|
|
||||||
dialog.find("[data-url-id]").val("");
|
dialog = editor.find("." + dialogName);
|
||||||
dialog.find("[data-url]").val("http://");
|
dialog.find("[data-name]").val("[" + ReLinkId + "]");
|
||||||
dialog.find("[data-title]").val(selection);
|
dialog.find("[data-url-id]").val("");
|
||||||
|
dialog.find("[data-url]").val("http://");
|
||||||
this.dialogShowMask(dialog);
|
dialog.find("[data-title]").val(selection);
|
||||||
this.dialogLockScreen();
|
|
||||||
dialog.show();
|
this.dialogShowMask(dialog);
|
||||||
|
this.dialogLockScreen();
|
||||||
ReLinkId++;
|
dialog.show();
|
||||||
};
|
|
||||||
|
ReLinkId++;
|
||||||
};
|
};
|
||||||
|
|
||||||
// CommonJS/Node.js
|
};
|
||||||
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
|
||||||
{
|
// CommonJS/Node.js
|
||||||
module.exports = factory;
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
||||||
}
|
{
|
||||||
else if (typeof define === "function") // AMD/CMD/Sea.js
|
module.exports = factory;
|
||||||
{
|
}
|
||||||
if (define.amd) { // for Require.js
|
else if (typeof define === "function") // AMD/CMD/Sea.js
|
||||||
|
{
|
||||||
define(["editormd"], function(editormd) {
|
if (define.amd) { // for Require.js
|
||||||
factory(editormd);
|
|
||||||
});
|
define(["editormd"], function(editormd) {
|
||||||
|
factory(editormd);
|
||||||
} else { // for Sea.js
|
});
|
||||||
define(function(require) {
|
|
||||||
var editormd = require("./../../editormd");
|
} else { // for Sea.js
|
||||||
factory(editormd);
|
define(function(require) {
|
||||||
});
|
var editormd = require("./../../editormd");
|
||||||
}
|
factory(editormd);
|
||||||
}
|
});
|
||||||
else
|
}
|
||||||
{
|
}
|
||||||
factory(window.editormd);
|
else
|
||||||
}
|
{
|
||||||
|
factory(window.editormd);
|
||||||
})();
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|||||||
@ -1,218 +1,220 @@
|
|||||||
/*!
|
/*!
|
||||||
* Table dialog plugin for Editor.md
|
* Table dialog plugin for Editor.md
|
||||||
*
|
*
|
||||||
* @file table-dialog.js
|
* @file table-dialog.js
|
||||||
* @author pandao
|
* @author pandao
|
||||||
* @version 1.2.1
|
* @version 1.2.1
|
||||||
* @updateTime 2015-06-09
|
* @updateTime 2015-06-09
|
||||||
* {@link https://github.com/pandao/editor.md}
|
* {@link https://github.com/pandao/editor.md}
|
||||||
* @license MIT
|
* @license MIT
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
var factory = function (exports) {
|
var factory = function (exports) {
|
||||||
|
|
||||||
var $ = jQuery;
|
var $ = jQuery;
|
||||||
var pluginName = "table-dialog";
|
var pluginName = "table-dialog";
|
||||||
|
|
||||||
var langs = {
|
var langs = {
|
||||||
"zh-cn" : {
|
"zh-cn" : {
|
||||||
toolbar : {
|
toolbar : {
|
||||||
table : "表格"
|
table : "表格"
|
||||||
},
|
},
|
||||||
dialog : {
|
dialog : {
|
||||||
table : {
|
table : {
|
||||||
title : "添加表格",
|
title : "添加表格",
|
||||||
cellsLabel : "单元格数",
|
cellsLabel : "单元格数",
|
||||||
alignLabel : "对齐方式",
|
alignLabel : "对齐方式",
|
||||||
rows : "行数",
|
rows : "行数",
|
||||||
cols : "列数",
|
cols : "列数",
|
||||||
aligns : ["默认", "左对齐", "居中对齐", "右对齐"]
|
aligns : ["默认", "左对齐", "居中对齐", "右对齐"]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"zh-tw" : {
|
"zh-tw" : {
|
||||||
toolbar : {
|
toolbar : {
|
||||||
table : "添加表格"
|
table : "添加表格"
|
||||||
},
|
},
|
||||||
dialog : {
|
dialog : {
|
||||||
table : {
|
table : {
|
||||||
title : "添加表格",
|
title : "添加表格",
|
||||||
cellsLabel : "單元格數",
|
cellsLabel : "單元格數",
|
||||||
alignLabel : "對齊方式",
|
alignLabel : "對齊方式",
|
||||||
rows : "行數",
|
rows : "行數",
|
||||||
cols : "列數",
|
cols : "列數",
|
||||||
aligns : ["默認", "左對齊", "居中對齊", "右對齊"]
|
aligns : ["默認", "左對齊", "居中對齊", "右對齊"]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"en" : {
|
"en" : {
|
||||||
toolbar : {
|
toolbar : {
|
||||||
table : "Tables"
|
table : "Tables"
|
||||||
},
|
},
|
||||||
dialog : {
|
dialog : {
|
||||||
table : {
|
table : {
|
||||||
title : "Tables",
|
title : "Tables",
|
||||||
cellsLabel : "Cells",
|
cellsLabel : "Cells",
|
||||||
alignLabel : "Align",
|
alignLabel : "Align",
|
||||||
rows : "Rows",
|
rows : "Rows",
|
||||||
cols : "Cols",
|
cols : "Cols",
|
||||||
aligns : ["Default", "Left align", "Center align", "Right align"]
|
aligns : ["Default", "Left align", "Center align", "Right align"]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.fn.tableDialog = function() {
|
exports.fn.tableDialog = function() {
|
||||||
var _this = this;
|
var _this = this;
|
||||||
var cm = this.cm;
|
var cm = this.cm;
|
||||||
var editor = this.editor;
|
var editor = this.editor;
|
||||||
var settings = this.settings;
|
var settings = this.settings;
|
||||||
var path = settings.path + "../plugins/" + pluginName +"/";
|
var path = settings.path + "../plugins/" + pluginName +"/";
|
||||||
var classPrefix = this.classPrefix;
|
var classPrefix = this.classPrefix;
|
||||||
var dialogName = classPrefix + pluginName, dialog;
|
var dialogName = classPrefix + pluginName, dialog;
|
||||||
|
|
||||||
$.extend(true, this.lang, langs[this.lang.name]);
|
$.extend(true, this.lang, langs[this.lang.name]);
|
||||||
this.setToolbar();
|
this.setToolbar();
|
||||||
|
|
||||||
var lang = this.lang;
|
var lang = this.lang;
|
||||||
var dialogLang = lang.dialog.table;
|
var dialogLang = lang.dialog.table;
|
||||||
|
|
||||||
var dialogContent = [
|
var dialogContent = [
|
||||||
"<div class=\"editormd-form\" style=\"padding: 13px 0;\">",
|
"<div class=\"editormd-form\" style=\"padding: 13px 0;\">",
|
||||||
"<label>" + dialogLang.cellsLabel + "</label>",
|
"<label>" + dialogLang.cellsLabel + "</label>",
|
||||||
dialogLang.rows + " <input type=\"number\" value=\"3\" class=\"number-input\" style=\"width:40px;\" max=\"100\" min=\"2\" data-rows /> ",
|
dialogLang.rows + " <input type=\"number\" value=\"3\" class=\"number-input\" style=\"width:40px;\" max=\"100\" min=\"2\" data-rows /> ",
|
||||||
dialogLang.cols + " <input type=\"number\" value=\"2\" class=\"number-input\" style=\"width:40px;\" max=\"100\" min=\"1\" data-cols /><br/>",
|
dialogLang.cols + " <input type=\"number\" value=\"2\" class=\"number-input\" style=\"width:40px;\" max=\"100\" min=\"1\" data-cols /><br/>",
|
||||||
"<label>" + dialogLang.alignLabel + "</label>",
|
"<label>" + dialogLang.alignLabel + "</label>",
|
||||||
"<div class=\"fa-btns\"></div>",
|
"<div class=\"fa-btns\"></div>",
|
||||||
"</div>"
|
"</div>"
|
||||||
].join("\n");
|
].join("\n");
|
||||||
|
|
||||||
if (editor.find("." + dialogName).length > 0)
|
if (editor.find("." + dialogName).length > 0)
|
||||||
{
|
{
|
||||||
dialog = editor.find("." + dialogName);
|
dialog = editor.find("." + dialogName);
|
||||||
|
|
||||||
this.dialogShowMask(dialog);
|
this.dialogShowMask(dialog);
|
||||||
this.dialogLockScreen();
|
this.dialogLockScreen();
|
||||||
dialog.show();
|
dialog.show();
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
dialog = this.createDialog({
|
dialog = this.createDialog({
|
||||||
name : dialogName,
|
name : dialogName,
|
||||||
title : dialogLang.title,
|
title : dialogLang.title,
|
||||||
width : 360,
|
width : 360,
|
||||||
height : 244,
|
height : 244,
|
||||||
mask : settings.dialogShowMask,
|
mask : settings.dialogShowMask,
|
||||||
drag : settings.dialogDraggable,
|
drag : settings.dialogDraggable,
|
||||||
content : dialogContent,
|
content : dialogContent,
|
||||||
lockScreen : settings.dialogLockScreen,
|
lockScreen : settings.dialogLockScreen,
|
||||||
maskStyle : {
|
maskStyle : {
|
||||||
opacity : settings.dialogMaskOpacity,
|
opacity : settings.dialogMaskOpacity,
|
||||||
backgroundColor : settings.dialogMaskBgColor
|
backgroundColor : settings.dialogMaskBgColor
|
||||||
},
|
},
|
||||||
buttons : {
|
buttons : {
|
||||||
enter : [lang.buttons.enter, function() {
|
enter : [lang.buttons.enter, function() {
|
||||||
var rows = parseInt(this.find("[data-rows]").val());
|
var rows = parseInt(this.find("[data-rows]").val());
|
||||||
var cols = parseInt(this.find("[data-cols]").val());
|
var cols = parseInt(this.find("[data-cols]").val());
|
||||||
var align = this.find("[name=\"table-align\"]:checked").val();
|
var align = this.find("[name=\"table-align\"]:checked").val();
|
||||||
var table = "";
|
var table = "";
|
||||||
var hrLine = "------------";
|
var hrLine = "------------";
|
||||||
|
|
||||||
var alignSign = {
|
var alignSign = {
|
||||||
_default : hrLine,
|
_default : hrLine,
|
||||||
left : ":" + hrLine,
|
left : ":" + hrLine,
|
||||||
center : ":" + hrLine + ":",
|
center : ":" + hrLine + ":",
|
||||||
right : hrLine + ":"
|
right : hrLine + ":"
|
||||||
};
|
};
|
||||||
|
|
||||||
if ( rows > 1 && cols > 0)
|
if ( rows > 1 && cols > 0)
|
||||||
{
|
{
|
||||||
for (var r = 0, len = rows; r < len; r++)
|
for (var r = 0, len = rows; r < len; r++)
|
||||||
{
|
{
|
||||||
var row = [];
|
var row = [];
|
||||||
var head = [];
|
var head = [];
|
||||||
|
|
||||||
for (var c = 0, len2 = cols; c < len2; c++)
|
for (var c = 0, len2 = cols; c < len2; c++)
|
||||||
{
|
{
|
||||||
if (r === 1) {
|
if (r === 1) {
|
||||||
head.push(alignSign[align]);
|
head.push(alignSign[align]);
|
||||||
}
|
}
|
||||||
|
|
||||||
row.push(" ");
|
row.push(" ");
|
||||||
}
|
}
|
||||||
|
|
||||||
if (r === 1) {
|
if (r === 1) {
|
||||||
table += "| " + head.join(" | ") + " |" + "\n";
|
table += "| " + head.join(" | ") + " |" + "\n";
|
||||||
}
|
}
|
||||||
|
|
||||||
table += "| " + row.join( (cols === 1) ? "" : " | " ) + " |" + "\n";
|
table += "| " + row.join( (cols === 1) ? "" : " | " ) + " |" + "\n";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
cm.replaceSelection(table);
|
cm.replaceSelection(table);
|
||||||
|
|
||||||
this.hide().lockScreen(false).hideMask();
|
this.hide().lockScreen(false).hideMask();
|
||||||
|
cm.focus && cm.focus();
|
||||||
return false;
|
|
||||||
}],
|
return false;
|
||||||
|
}],
|
||||||
cancel : [lang.buttons.cancel, function() {
|
|
||||||
this.hide().lockScreen(false).hideMask();
|
cancel : [lang.buttons.cancel, function() {
|
||||||
|
this.hide().lockScreen(false).hideMask();
|
||||||
return false;
|
cm.focus && cm.focus();
|
||||||
}]
|
|
||||||
}
|
return false;
|
||||||
});
|
}]
|
||||||
}
|
}
|
||||||
|
});
|
||||||
var faBtns = dialog.find(".fa-btns");
|
}
|
||||||
|
|
||||||
if (faBtns.html() === "")
|
var faBtns = dialog.find(".fa-btns");
|
||||||
{
|
|
||||||
var icons = ["align-justify", "align-left", "align-center", "align-right"];
|
if (faBtns.html() === "")
|
||||||
var _lang = dialogLang.aligns;
|
{
|
||||||
var values = ["_default", "left", "center", "right"];
|
var icons = ["align-justify", "align-left", "align-center", "align-right"];
|
||||||
|
var _lang = dialogLang.aligns;
|
||||||
for (var i = 0, len = icons.length; i < len; i++)
|
var values = ["_default", "left", "center", "right"];
|
||||||
{
|
|
||||||
var checked = (i === 0) ? " checked=\"checked\"" : "";
|
for (var i = 0, len = icons.length; i < len; i++)
|
||||||
var btn = "<a href=\"javascript:;\"><label for=\"editormd-table-dialog-radio"+i+"\" title=\"" + _lang[i] + "\">";
|
{
|
||||||
btn += "<input type=\"radio\" name=\"table-align\" id=\"editormd-table-dialog-radio"+i+"\" value=\"" + values[i] + "\"" +checked + " /> ";
|
var checked = (i === 0) ? " checked=\"checked\"" : "";
|
||||||
btn += "<i class=\"fa fa-" + icons[i] + "\"></i>";
|
var btn = "<a href=\"javascript:;\"><label for=\"editormd-table-dialog-radio"+i+"\" title=\"" + _lang[i] + "\">";
|
||||||
btn += "</label></a>";
|
btn += "<input type=\"radio\" name=\"table-align\" id=\"editormd-table-dialog-radio"+i+"\" value=\"" + values[i] + "\"" +checked + " /> ";
|
||||||
|
btn += "<i class=\"fa fa-" + icons[i] + "\"></i>";
|
||||||
faBtns.append(btn);
|
btn += "</label></a>";
|
||||||
}
|
|
||||||
}
|
faBtns.append(btn);
|
||||||
};
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
// CommonJS/Node.js
|
};
|
||||||
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
|
||||||
{
|
// CommonJS/Node.js
|
||||||
module.exports = factory;
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
||||||
}
|
{
|
||||||
else if (typeof define === "function") // AMD/CMD/Sea.js
|
module.exports = factory;
|
||||||
{
|
}
|
||||||
if (define.amd) { // for Require.js
|
else if (typeof define === "function") // AMD/CMD/Sea.js
|
||||||
|
{
|
||||||
define(["editormd"], function(editormd) {
|
if (define.amd) { // for Require.js
|
||||||
factory(editormd);
|
|
||||||
});
|
define(["editormd"], function(editormd) {
|
||||||
|
factory(editormd);
|
||||||
} else { // for Sea.js
|
});
|
||||||
define(function(require) {
|
|
||||||
var editormd = require("./../../editormd");
|
} else { // for Sea.js
|
||||||
factory(editormd);
|
define(function(require) {
|
||||||
});
|
var editormd = require("./../../editormd");
|
||||||
}
|
factory(editormd);
|
||||||
}
|
});
|
||||||
else
|
}
|
||||||
{
|
}
|
||||||
factory(window.editormd);
|
else
|
||||||
}
|
{
|
||||||
|
factory(window.editormd);
|
||||||
})();
|
}
|
||||||
|
|
||||||
|
})();
|
||||||
|
|||||||
|
After Width: | Height: | Size: 65 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
Loading…
Reference in new issue