/**
@Name：layui.markdown markdown编辑器
@Author：zhangkx
@License：LGPL
*/
layui.define(['layer', 'form'], function (exports) {
var $ = layui.jquery,
_form = layui.form(),
_layer = layui.layer,
markdown = function () {
//全局配置
this.config = {
//默认工具bar
tools: [
'face', 'image', 'link', 'code', 'help', 'full_screen', 'subfield', 'preview'
],
height: 280 //默认高
};
};
// markdown 解析器
var _parser = new HyperDown;
var tools = {
face: '表情',
image: '图片',
link: '链接',
code: '代码',
full_screen: '全屏',
subfield: '分栏',
preview: '预览'
};
// 建立编辑器
markdown.prototype.build = function (id, settings) {
var dom = $('#' + id);
var _settings = $.extend({}, this.config, (settings || {}));
var image_upload_action = _settings.image_upload_action; // 上传图片的action
var _tools = (function () {
var _nodes = [];
$.each(_settings.tools, function (item) {
if (tools[_settings.tools[item]])
_nodes.push(tools[_settings.tools[item]]);
});
return _nodes.join('');
})();
console.log(_settings.required)
var _required = _settings.required ? ' required lay-verify="required" ' : '';
var editor = $([
'',
'
' + _tools + 'markdown
',
'
',
'
" +
_parser.makeHtml(textarea.value) + "
",
success: function (layero, index) {
$(document).on('keydown', function (e) {
if (e.keyCode == 27)
_layer.close(index);
});
Prism.highlightAll();
}
});
});
// 全屏写作
var shade = null;
var is_full_screen = false;
var is_half_screen = false;
dom.find("span[event='full_screen']").click(function () {
if (!is_full_screen) {
$(".layui-body").css("position", "static");
dom.find(".layui-markdown").addClass('full-screen');
dom.find(".layui-markdown .tools span[event='subfield']").removeClass("hide");
} else {
// $(".layui-header, .layui-side").show();
$(".layui-body").css("position", 'absolute');
dom.find(".layui-markdown").removeClass('full-screen');
dom.find(".layui-markdown .tools span[event='subfield']").addClass("hide");
dom.find(".layui-markdown").removeClass('half');
$(".article-preview").removeClass("full");
is_half_screen = false;
if (shade)
shade.remove();
}
is_full_screen = !is_full_screen;
});
// 分栏
dom.find("span[event='subfield']").click(function () {
if (!is_full_screen) {
return false;
}
if (!is_half_screen) {
shade = $('')
$("body").append(shade);
dom.find(".layui-markdown").addClass('half');
$(".article-preview").addClass("full");
} else {
dom.find(".layui-markdown").removeClass('half');
$(".article-preview").removeClass("full");
if (shade)
shade.remove();
}
is_half_screen = !is_half_screen;
});
};
// 修改textarea文字
var insertTextarea = function (textarea, str) {
if (textarea) {
var _value = textarea.value;
textarea.value = _value.substring(0, textarea.selectionStart) + str + _value.substring(textarea.selectionEnd);
}
};
// code
var code = function(obj, callback) {
var _width = ($(window).width() < 800) ? "98%" : "800px";
return _layer.open({
title: "插入代码：", type: 1, area: [_width, "500px"], btn: null, shadeClose: true, shade: 0.2,
content: "",
success: function (layero, index) {
_form.render("select");
layero.find("button[name='yes']").click(function () {
var _lang = layero.find("select[name='lang']");
var _content = layero.find("textarea[name='content']");
if (_lang.val() == "") {
_lang.addClass("layui-form-danger").val("").focus();
_layer.msg("请选择语言", {shift: 6, time: 800});
}
else if (_content.val() == "") {
_content.addClass("layui-form-danger").val("").focus();
_layer.msg("请输入代码", {shift: 6, time: 800});
} else {
callback({
lang: _lang.val(), content: _content.val()
});
_layer.close(index);
}
});
layero.find("button[name='cancel']").click(function () {
_layer.close(index);
});
$(document).on('keydown', function (e) {
if (e.keyCode == 27)
_layer.close(index);
});
}
});
};
var image = function (obj, image_upload_action, callback) {
var _width = ($(window).width() < 470) ? "98%" : "470px";
var _height = ($(window).width() < 420) ? "300px" : "265px";
var _idx = _layer.open({
title: "插入图片：", type: 1, area: [_width, _height], btn: null, shadeClose: true, shade: 0.2,
content: "" +
"
" +
"
" +
" " +
"
" +
"
" +
"
" +
" " +
"" +
" " +
"
" +
"
" +
" " +
" " +
"
" +
"
" +
"
" +
"
" +
" " +
"
" +
"
" +
"
" +
" " +
"
" +
"
" +
" " +
" " +
"
" +
"
');
});
return '';
})(), obj, {
tips: 3, time: 0, skin: 'layui-box layui-util-face', maxWidth: 500,
success: function (layero, index) {
layero.css({
marginTop: -4, marginLeft: -10
}).find('.layui-clear > li').on('click', function () {
callback && callback({
src: faces[this.title], alt: this.title
});
layer.close(index);
});
$(document).off('click', face.hide).on('click', face.hide);
}
});
if ($(window).width() < 450) {
$(".layui-util-face").css("left", "17px").css("width", "92%");
$(".layui-util-face .layui-layer-content").css("width", "92%");
$(".layui-util-face ul.layui-clear").css("width", "90%");//.css("padding-right", "1px");
}
return _idx;
};
exports('markdown', new markdown());
});