You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
172 lines
5.3 KiB
172 lines
5.3 KiB
/*!
|
|
* Preformatted text dialog plugin for Editor.md
|
|
*
|
|
* @file preformatted-text-dialog.js
|
|
* @author pandao
|
|
* @version 1.2.0
|
|
* @updateTime 2015-03-07
|
|
* {@link https://github.com/pandao/editor.md}
|
|
* @license MIT
|
|
*/
|
|
|
|
(function() {
|
|
|
|
var factory = function (exports) {
|
|
var cmEditor;
|
|
var pluginName = "preformatted-text-dialog";
|
|
|
|
exports.fn.preformattedTextDialog = function() {
|
|
|
|
var _this = this;
|
|
var cm = this.cm;
|
|
var lang = this.lang;
|
|
var editor = this.editor;
|
|
var settings = this.settings;
|
|
var cursor = cm.getCursor();
|
|
var selection = cm.getSelection();
|
|
var classPrefix = this.classPrefix;
|
|
var dialogLang = lang.dialog.preformattedText;
|
|
var dialogName = classPrefix + pluginName, dialog;
|
|
|
|
cm.focus();
|
|
|
|
if (editor.find("." + dialogName).length > 0)
|
|
{
|
|
dialog = editor.find("." + dialogName);
|
|
dialog.find("textarea").val(selection);
|
|
|
|
this.dialogShowMask(dialog);
|
|
this.dialogLockScreen();
|
|
dialog.show();
|
|
}
|
|
else
|
|
{
|
|
var dialogContent = "<textarea placeholder=\"coding now....\" style=\"display:none;\">" + selection + "</textarea>";
|
|
|
|
dialog = this.createDialog({
|
|
name : dialogName,
|
|
title : dialogLang.title,
|
|
width : 780,
|
|
height : 540,
|
|
mask : settings.dialogShowMask,
|
|
drag : settings.dialogDraggable,
|
|
content : dialogContent,
|
|
lockScreen : settings.dialogLockScreen,
|
|
maskStyle : {
|
|
opacity : settings.dialogMaskOpacity,
|
|
backgroundColor : settings.dialogMaskBgColor
|
|
},
|
|
buttons : {
|
|
enter : [lang.buttons.enter, function() {
|
|
var codeTexts = this.find("textarea").val();
|
|
|
|
if (codeTexts === "")
|
|
{
|
|
alert(dialogLang.emptyAlert);
|
|
return false;
|
|
}
|
|
|
|
codeTexts = codeTexts.split("\n");
|
|
|
|
for (var i in codeTexts)
|
|
{
|
|
codeTexts[i] = " " + codeTexts[i];
|
|
}
|
|
|
|
codeTexts = codeTexts.join("\n");
|
|
|
|
if (cursor.ch !== 0) {
|
|
codeTexts = "\r\n\r\n" + codeTexts;
|
|
}
|
|
|
|
cm.replaceSelection(codeTexts);
|
|
|
|
this.hide().lockScreen(false).hideMask();
|
|
|
|
return false;
|
|
}],
|
|
cancel : [lang.buttons.cancel, function() {
|
|
this.hide().lockScreen(false).hideMask();
|
|
|
|
return false;
|
|
}]
|
|
}
|
|
});
|
|
}
|
|
|
|
var cmConfig = {
|
|
mode : "text/html",
|
|
theme : settings.theme,
|
|
tabSize : 4,
|
|
autofocus : true,
|
|
autoCloseTags : true,
|
|
indentUnit : 4,
|
|
lineNumbers : true,
|
|
lineWrapping : true,
|
|
extraKeys : {"Ctrl-Q": function(cm){ cm.foldCode(cm.getCursor()); }},
|
|
foldGutter : true,
|
|
gutters : ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
|
|
matchBrackets : true,
|
|
indentWithTabs : true,
|
|
styleActiveLine : true,
|
|
styleSelectedText : true,
|
|
autoCloseBrackets : true,
|
|
showTrailingSpace : true,
|
|
highlightSelectionMatches : true
|
|
};
|
|
|
|
var textarea = dialog.find("textarea");
|
|
var cmObj = dialog.find(".CodeMirror");
|
|
|
|
if (dialog.find(".CodeMirror").length < 1)
|
|
{
|
|
cmEditor = exports.$CodeMirror.fromTextArea(textarea[0], cmConfig);
|
|
cmObj = dialog.find(".CodeMirror");
|
|
|
|
cmObj.css({
|
|
"float" : "none",
|
|
margin : "0 0 5px",
|
|
border : "1px solid #ddd",
|
|
fontSize : settings.fontSize,
|
|
width : "100%",
|
|
height : "410px"
|
|
});
|
|
|
|
cmEditor.on("change", function(cm) {
|
|
textarea.val(cm.getValue());
|
|
});
|
|
}
|
|
else
|
|
{
|
|
cmEditor.setValue(cm.getSelection());
|
|
}
|
|
};
|
|
|
|
};
|
|
|
|
// CommonJS/Node.js
|
|
if (typeof require === "function" && typeof exports === "object" && typeof module === "object")
|
|
{
|
|
module.exports = factory;
|
|
}
|
|
else if (typeof define === "function") // AMD/CMD/Sea.js
|
|
{
|
|
if (define.amd) { // for Require.js
|
|
|
|
define(["editormd"], function(editormd) {
|
|
factory(editormd);
|
|
});
|
|
|
|
} else { // for Sea.js
|
|
define(function(require) {
|
|
var editormd = require("./../../editormd");
|
|
factory(editormd);
|
|
});
|
|
}
|
|
}
|
|
else
|
|
{
|
|
factory(window.editormd);
|
|
}
|
|
|
|
})();
|