更新
This commit is contained in:
haoouba
parent
174b2e75ce
commit
6e519a95c0
@ -160,7 +160,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||||||
const style = $('.joe_aside__item.weather').attr('data-style');
|
const style = $('.joe_aside__item.weather').attr('data-style');
|
||||||
const aqiColor = { 1: 'FFFFFF', 2: '4A4A4A', 3: 'FFFFFF' };
|
const aqiColor = { 1: 'FFFFFF', 2: '4A4A4A', 3: 'FFFFFF' };
|
||||||
window.WIDGET = { CONFIG: { layout: 2, width: '220', height: '270', background: style, dataColor: aqiColor[style], language: 'zh', key: key } };
|
window.WIDGET = { CONFIG: { layout: 2, width: '220', height: '270', background: style, dataColor: aqiColor[style], language: 'zh', key: key } };
|
||||||
$.getScript('https://apip.weatherdt.com/standard/static/js/weather-standard.js?v=2.0');
|
$.getScript('http://apip.weatherdt.com/standard/static/js/weather-standard.js?v=2.0');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
2
assets/js/joe.global.min.js
vendored
2
assets/js/joe.global.min.js
vendored
File diff suppressed because one or more lines are too long
@ -41,9 +41,9 @@ class Editor
|
|||||||
public static function Edit()
|
public static function Edit()
|
||||||
{
|
{
|
||||||
?>
|
?>
|
||||||
<link rel="stylesheet" href="<?php Helper::options()->themeUrl('typecho/write/css/joe.write.min.css') ?>">
|
<link rel="stylesheet" href="<?php Helper::options()->themeUrl('typecho/write/css/joe.write.min.css?v=6.1.4') ?>">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/hyperdown@2.4.10/Parser.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/hyperdown@2.4.10/Parser.min.js"></script>
|
||||||
<script api="<?php Helper::security()->index('/action/upload'); ?>" src="<?php Helper::options()->themeUrl('typecho/write/js/joe.write.chunk.js') ?>"></script>
|
<script api="<?php Helper::security()->index('/action/upload'); ?>" src="<?php Helper::options()->themeUrl('typecho/write/js/joe.write.chunk.js?v=6.1.4') ?>"></script>
|
||||||
<?php
|
<?php
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
/* 获取主题当前版本号 */
|
/* 获取主题当前版本号 */
|
||||||
function _getVersion()
|
function _getVersion()
|
||||||
{
|
{
|
||||||
return "6.1.3";
|
return "6.1.4";
|
||||||
};
|
};
|
||||||
|
|
||||||
/* 判断是否是手机 */
|
/* 判断是否是手机 */
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "typecho-joe-next",
|
"name": "typecho-joe-next",
|
||||||
"version": "6.1.3",
|
"version": "6.1.4",
|
||||||
"description": "A Theme Of Typecho",
|
"description": "A Theme Of Typecho",
|
||||||
"main": "index.php",
|
"main": "index.php",
|
||||||
"keywords": [
|
"keywords": [
|
||||||
|
|||||||
@ -1,18 +1,4 @@
|
|||||||
<script>
|
<script>
|
||||||
localStorage.getItem("data-night") && document.querySelector("html").setAttribute("data-night", "night");
|
|
||||||
window.Joe = {
|
|
||||||
LIVE2D: '<?php $this->options->JLive2d() ?>',
|
|
||||||
BASE_API: '<?php echo $this->options->rewrite == 0 ? '/index.php/joe/api' : '/joe/api' ?>',
|
|
||||||
DYNAMIC_BACKGROUND: '<?php $this->options->JDynamic_Background() ?>',
|
|
||||||
WALLPAPER_BACKGROUND_PC: '<?php $this->options->JWallpaper_Background_PC() ?>',
|
|
||||||
IS_MOBILE: /windows phone|iphone|android/gi.test(window.navigator.userAgent),
|
|
||||||
BAIDU_PUSH: <?php echo $this->options->JBaiduToken ? 'true' : 'false' ?>,
|
|
||||||
DOCUMENT_TITLE: '<?php $this->options->JDocumentTitle() ?>',
|
|
||||||
LAZY_LOAD: '<?php _getLazyload() ?>',
|
|
||||||
BIRTHDAY: '<?php $this->options->JBirthDay() ?>',
|
|
||||||
MOTTO: '<?php _getAsideAuthorMotto() ?>'
|
|
||||||
}
|
|
||||||
|
|
||||||
function detectIE() {
|
function detectIE() {
|
||||||
var n = window.navigator.userAgent,
|
var n = window.navigator.userAgent,
|
||||||
e = n.indexOf("MSIE ");
|
e = n.indexOf("MSIE ");
|
||||||
@ -27,6 +13,19 @@
|
|||||||
return i > 0 && parseInt(n.substring(i + 5, n.indexOf(".", i)), 10)
|
return i > 0 && parseInt(n.substring(i + 5, n.indexOf(".", i)), 10)
|
||||||
};
|
};
|
||||||
detectIE() && (alert('当前站点不支持IE浏览器或您开启了兼容模式，请使用其他浏览器访问或关闭兼容模式。'), (location.href = 'https://www.baidu.com'))
|
detectIE() && (alert('当前站点不支持IE浏览器或您开启了兼容模式，请使用其他浏览器访问或关闭兼容模式。'), (location.href = 'https://www.baidu.com'))
|
||||||
|
localStorage.getItem("data-night") && document.querySelector("html").setAttribute("data-night", "night");
|
||||||
|
window.Joe = {
|
||||||
|
LIVE2D: `<?php $this->options->JLive2d() ?>`,
|
||||||
|
BASE_API: `<?php echo $this->options->rewrite == 0 ? '/index.php/joe/api' : '/joe/api' ?>`,
|
||||||
|
DYNAMIC_BACKGROUND: `<?php $this->options->JDynamic_Background() ?>`,
|
||||||
|
WALLPAPER_BACKGROUND_PC: `<?php $this->options->JWallpaper_Background_PC() ?>`,
|
||||||
|
IS_MOBILE: /windows phone|iphone|android/gi.test(window.navigator.userAgent),
|
||||||
|
BAIDU_PUSH: <?php echo $this->options->JBaiduToken ? 'true' : 'false' ?>,
|
||||||
|
DOCUMENT_TITLE: `<?php $this->options->JDocumentTitle() ?>`,
|
||||||
|
LAZY_LOAD: `<?php _getLazyload() ?>`,
|
||||||
|
BIRTHDAY: `<?php $this->options->JBirthDay() ?>`,
|
||||||
|
MOTTO: `<?php _getAsideAuthorMotto() ?>`
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<?php
|
<?php
|
||||||
$fontUrl = $this->options->JCustomFont;
|
$fontUrl = $this->options->JCustomFont;
|
||||||
|
|||||||
@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.responsive.min.css'); ?>">
|
<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/joe.responsive.min.css'); ?>">
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/typecho-joe-next@6.0.0/plugin/qmsg/qmsg.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/typecho-joe-next@6.0.0/plugin/qmsg/qmsg.css">
|
||||||
<?php if ($this->options->JAside_Weather_Key) : ?>
|
<?php if ($this->options->JAside_Weather_Key) : ?>
|
||||||
<link rel="stylesheet" href="https://apip.weatherdt.com/standard/static/css/weather-standard.css">
|
<link rel="stylesheet" href="http://apip.weatherdt.com/standard/static/css/weather-standard.css">
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css" />
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css" />
|
||||||
|
|||||||
2
typecho/write/css/joe.write.min.css
vendored
2
typecho/write/css/joe.write.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
389
typecho/write/js/_actions.js
Normal file
389
typecho/write/js/_actions.js
Normal file
@ -0,0 +1,389 @@
|
|||||||
|
import { undo, redo } from '@codemirror/history';
|
||||||
|
export default class JoeAction {
|
||||||
|
constructor() {
|
||||||
|
$('body').append(`
|
||||||
|
<div class="cm-modal">
|
||||||
|
<div class="cm-modal__wrapper">
|
||||||
|
<div class="cm-modal__wrapper-header">
|
||||||
|
<div class="cm-modal__wrapper-header--text"></div>
|
||||||
|
<div class="cm-modal__wrapper-header--close">×</div>
|
||||||
|
</div>
|
||||||
|
<div class="cm-modal__wrapper-bodyer"></div>
|
||||||
|
<div class="cm-modal__wrapper-footer">
|
||||||
|
<button class="cm-modal__wrapper-footer--cancle">取消</button>
|
||||||
|
<button class="cm-modal__wrapper-footer--confirm">确定</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`);
|
||||||
|
$('.cm-modal__wrapper-footer--cancle, .cm-modal__wrapper-header--close').on('click', () => $('.cm-modal').removeClass('active'));
|
||||||
|
$('.cm-modal__wrapper-footer--confirm').on('click', () => {
|
||||||
|
this.options.confirm();
|
||||||
|
$('.cm-modal').removeClass('active');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
_openModal(options = {}) {
|
||||||
|
const _options = {
|
||||||
|
title: '提示',
|
||||||
|
innerHtml: '内容',
|
||||||
|
hasFooter: true,
|
||||||
|
confirm: () => {},
|
||||||
|
handler: () => {}
|
||||||
|
};
|
||||||
|
this.options = Object.assign(_options, options);
|
||||||
|
$('.cm-modal__wrapper-header--text').html(this.options.title);
|
||||||
|
$('.cm-modal__wrapper-bodyer').html(this.options.innerHtml);
|
||||||
|
this.options.hasFooter ? $('.cm-modal__wrapper-footer').show() : $('.cm-modal__wrapper-footer').hide();
|
||||||
|
$('.cm-modal').addClass('active');
|
||||||
|
this.options.handler();
|
||||||
|
}
|
||||||
|
_getLineCh(cm) {
|
||||||
|
const head = cm.state.selection.main.head;
|
||||||
|
const line = cm.state.doc.lineAt(head);
|
||||||
|
return head - line.from;
|
||||||
|
}
|
||||||
|
_replaceSelection(cm, str) {
|
||||||
|
cm.dispatch(cm.state.replaceSelection(str));
|
||||||
|
}
|
||||||
|
_setCursor(cm, pos) {
|
||||||
|
cm.dispatch({ selection: { anchor: pos } });
|
||||||
|
}
|
||||||
|
_getSelection(cm) {
|
||||||
|
return cm.state.sliceDoc(cm.state.selection.main.from, cm.state.selection.main.to);
|
||||||
|
}
|
||||||
|
_insetAmboText(cm, str) {
|
||||||
|
const cursor = cm.state.selection.main.head;
|
||||||
|
const selection = this._getSelection(cm);
|
||||||
|
this._replaceSelection(cm, ` ${str + selection + str} `);
|
||||||
|
if (selection === '') this._setCursor(cm, cursor + str.length + 1);
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
handleFullScreen(el) {
|
||||||
|
el.toggleClass('active');
|
||||||
|
$('body').toggleClass('fullscreen');
|
||||||
|
$('.cm-container').toggleClass('fullscreen');
|
||||||
|
$('.cm-preview').width(0);
|
||||||
|
}
|
||||||
|
handlePublish() {
|
||||||
|
$('#btn-submit').click();
|
||||||
|
}
|
||||||
|
handleUndo(cm) {
|
||||||
|
undo(cm);
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
handleRedo(cm) {
|
||||||
|
redo(cm);
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
handleIndent(cm) {
|
||||||
|
this._replaceSelection(cm, ' ');
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
handleTime(cm) {
|
||||||
|
const time = new Date();
|
||||||
|
const _Year = time.getFullYear();
|
||||||
|
const _Month = String(time.getMonth() + 1).padStart(2, 0);
|
||||||
|
const _Date = String(time.getDate()).padStart(2, 0);
|
||||||
|
const _Hours = String(time.getHours()).padStart(2, 0);
|
||||||
|
const _Minutes = String(time.getMinutes()).padStart(2, 0);
|
||||||
|
const _Seconds = String(time.getSeconds()).padStart(2, 0);
|
||||||
|
const _Day = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'][time.getDay()];
|
||||||
|
const _time = `${this._getLineCh(cm) ? '\n' : ''}${_Year}-${_Month}-${_Date} ${_Hours}:${_Minutes}:${_Seconds} ${_Day}\n`;
|
||||||
|
this._replaceSelection(cm, _time);
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
handleHr(cm) {
|
||||||
|
const str = `${this._getLineCh(cm) ? '\n' : ''}\n------------\n\n`;
|
||||||
|
this._replaceSelection(cm, str);
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
handleClean(cm) {
|
||||||
|
cm.dispatch({ changes: { from: 0, to: cm.state.doc.length, insert: '' } });
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
handleOrdered(cm) {
|
||||||
|
const selection = this._getSelection(cm);
|
||||||
|
if (selection === '') {
|
||||||
|
const str = (this._getLineCh(cm) ? '\n\n' : '') + '1. ';
|
||||||
|
this._replaceSelection(cm, str);
|
||||||
|
} else {
|
||||||
|
const selectionText = selection.split('\n');
|
||||||
|
for (let i = 0, len = selectionText.length; i < len; i++) {
|
||||||
|
selectionText[i] = selectionText[i] === '' ? '' : i + 1 + '. ' + selectionText[i];
|
||||||
|
}
|
||||||
|
const str = (this._getLineCh(cm) ? '\n' : '') + selectionText.join('\n');
|
||||||
|
this._replaceSelection(cm, str);
|
||||||
|
}
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
handleUnordered(cm) {
|
||||||
|
const selection = this._getSelection(cm);
|
||||||
|
if (selection === '') {
|
||||||
|
const str = (this._getLineCh(cm) ? '\n' : '') + '- ';
|
||||||
|
this._replaceSelection(cm, str);
|
||||||
|
} else {
|
||||||
|
const selectionText = selection.split('\n');
|
||||||
|
for (let i = 0, len = selectionText.length; i < len; i++) {
|
||||||
|
selectionText[i] = selectionText[i] === '' ? '' : '- ' + selectionText[i];
|
||||||
|
}
|
||||||
|
const str = (this._getLineCh(cm) ? '\n' : '') + selectionText.join('\n');
|
||||||
|
this._replaceSelection(cm, str);
|
||||||
|
}
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
handleQuote(cm) {
|
||||||
|
const selection = this._getSelection(cm);
|
||||||
|
if (selection === '') {
|
||||||
|
this._replaceSelection(cm, `${this._getLineCh(cm) ? '\n' : ''}> `);
|
||||||
|
} else {
|
||||||
|
const selectionText = selection.split('\n');
|
||||||
|
for (let i = 0, len = selectionText.length; i < len; i++) {
|
||||||
|
selectionText[i] = selectionText[i] === '' ? '' : '> ' + selectionText[i];
|
||||||
|
}
|
||||||
|
const str = (this._getLineCh(cm) ? '\n' : '') + selectionText.join('\n');
|
||||||
|
this._replaceSelection(cm, str);
|
||||||
|
}
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
handleDownload(cm) {
|
||||||
|
const title = $('#title').val() || '新文章';
|
||||||
|
const aTag = document.createElement('a');
|
||||||
|
let blob = new Blob([cm.state.doc.toString()]);
|
||||||
|
aTag.download = title + '.md';
|
||||||
|
aTag.href = URL.createObjectURL(blob);
|
||||||
|
aTag.click();
|
||||||
|
URL.revokeObjectURL(blob);
|
||||||
|
}
|
||||||
|
handleTitle(cm, tool) {
|
||||||
|
const item = $(`
|
||||||
|
<div class="cm-tools-item" title="${tool.title}">
|
||||||
|
${tool.innerHTML}
|
||||||
|
<div class="cm-tools__dropdown">
|
||||||
|
<div class="cm-tools__dropdown-item" data-text="# "> H1 </div>
|
||||||
|
<div class="cm-tools__dropdown-item" data-text="## "> H2 </div>
|
||||||
|
<div class="cm-tools__dropdown-item" data-text="### "> H3 </div>
|
||||||
|
<div class="cm-tools__dropdown-item" data-text="#### "> H4 </div>
|
||||||
|
<div class="cm-tools__dropdown-item" data-text="##### "> H5 </div>
|
||||||
|
<div class="cm-tools__dropdown-item" data-text="###### "> H6 </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`);
|
||||||
|
item.on('click', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
$(this).toggleClass('active');
|
||||||
|
});
|
||||||
|
const _this = this;
|
||||||
|
item.on('click', '.cm-tools__dropdown-item', function (e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
const text = $(this).attr('data-text');
|
||||||
|
if (_this._getLineCh(cm)) _this._replaceSelection(cm, '\n\n' + text);
|
||||||
|
else _this._replaceSelection(cm, text);
|
||||||
|
item.removeClass('active');
|
||||||
|
cm.focus();
|
||||||
|
});
|
||||||
|
$(document).on('click', () => item.removeClass('active'));
|
||||||
|
$('.cm-tools').append(item);
|
||||||
|
}
|
||||||
|
handleLink(cm) {
|
||||||
|
this._openModal({
|
||||||
|
title: '插入链接',
|
||||||
|
innerHtml: `
|
||||||
|
<div class="fitem">
|
||||||
|
<label>链接标题</label>
|
||||||
|
<input autocomplete="off" name="title" placeholder="请输入链接标题"/>
|
||||||
|
</div>
|
||||||
|
<div class="fitem">
|
||||||
|
<label>链接地址</label>
|
||||||
|
<input autocomplete="off" name="url" placeholder="请输入链接地址"/>
|
||||||
|
</div>
|
||||||
|
`,
|
||||||
|
confirm: () => {
|
||||||
|
const title = $(".cm-modal input[name='title']").val() || 'Test';
|
||||||
|
const url = $(".cm-modal input[name='url']").val() || 'http://';
|
||||||
|
this._replaceSelection(cm, ` [${title}](${url}) `);
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
handleImage(cm) {
|
||||||
|
this._openModal({
|
||||||
|
title: '插入图片',
|
||||||
|
innerHtml: `
|
||||||
|
<div class="fitem">
|
||||||
|
<label>图片名称</label>
|
||||||
|
<input autocomplete="off" name="title" placeholder="请输入图片名称"/>
|
||||||
|
</div>
|
||||||
|
<div class="fitem">
|
||||||
|
<label>图片地址</label>
|
||||||
|
<input autocomplete="off" name="url" placeholder="请输入图片地址"/>
|
||||||
|
</div>
|
||||||
|
`,
|
||||||
|
confirm: () => {
|
||||||
|
const title = $(".cm-modal input[name='title']").val() || 'Test';
|
||||||
|
const url = $(".cm-modal input[name='url']").val() || 'http://';
|
||||||
|
this._replaceSelection(cm, `  `);
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
handleTable(cm) {
|
||||||
|
this._openModal({
|
||||||
|
title: '插入表格',
|
||||||
|
innerHtml: `
|
||||||
|
<div class="fitem">
|
||||||
|
<label>表格行</label>
|
||||||
|
<input style="width: 50px; flex: none; margin-right: 10px;" value="3" autocomplete="off" name="row"/>
|
||||||
|
<label>表格列</label>
|
||||||
|
<input style="width: 50px; flex: none;" value="3" autocomplete="off" name="column"/>
|
||||||
|
</div>
|
||||||
|
`,
|
||||||
|
confirm: () => {
|
||||||
|
let row = $(".cm-modal input[name='row']").val();
|
||||||
|
let column = $(".cm-modal input[name='column']").val();
|
||||||
|
if (isNaN(row)) row = 3;
|
||||||
|
if (isNaN(column)) column = 3;
|
||||||
|
let rowStr = '';
|
||||||
|
let rangeStr = '';
|
||||||
|
let columnlStr = '';
|
||||||
|
for (let i = 0; i < column; i++) {
|
||||||
|
rowStr += '| 表头 ';
|
||||||
|
rangeStr += '| :--: ';
|
||||||
|
}
|
||||||
|
for (let i = 0; i < row; i++) {
|
||||||
|
for (let j = 0; j < column; j++) columnlStr += '| 表格 ';
|
||||||
|
columnlStr += '|\n';
|
||||||
|
}
|
||||||
|
const htmlStr = `${rowStr}|\n${rangeStr}|\n${columnlStr}\n`;
|
||||||
|
if (this._getLineCh(cm)) this._replaceSelection(cm, '\n\n' + htmlStr);
|
||||||
|
else this._replaceSelection(cm, htmlStr);
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
handleCodeBlock(cm) {
|
||||||
|
this._openModal({
|
||||||
|
title: '插入代码块',
|
||||||
|
innerHtml: `
|
||||||
|
<div class="fitem">
|
||||||
|
<label>语言类型</label>
|
||||||
|
<input autocomplete="off" name="type" placeholder="请输入语言类型（英文）"/>
|
||||||
|
</div>
|
||||||
|
`,
|
||||||
|
confirm: () => {
|
||||||
|
const type = $(".cm-modal input[name='type']").val() || 'html';
|
||||||
|
const htmlStr = `\`\`\`${type}\ncode here...\n\`\`\``;
|
||||||
|
if (this._getLineCh(cm)) this._replaceSelection(cm, '\n\n' + htmlStr);
|
||||||
|
else this._replaceSelection(cm, htmlStr);
|
||||||
|
cm.focus();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
handleAbout() {
|
||||||
|
this._openModal({
|
||||||
|
title: '关于',
|
||||||
|
innerHtml: `
|
||||||
|
<ul>
|
||||||
|
<li>短代码功能正在开发中...</li>
|
||||||
|
<li>仅支持网络图片粘贴上传（截图等）</li>
|
||||||
|
<li>本编辑器仅供Joe主题使用，未经允许不得移植至其他主题！</li>
|
||||||
|
</ul>
|
||||||
|
`
|
||||||
|
});
|
||||||
|
}
|
||||||
|
handleCharacter(cm) {
|
||||||
|
const _1 = '★ ✰ ☆ ✩ ✫ ✬ ✭ ✮ ✡'.split(' ');
|
||||||
|
const _2 = '─ ━ │ ┃ ┄ ┅ ┆ ┇ ┈ ┉ ┊ ┋ ┍ ┎ ┐ ┑ ┒ └ ┕ ┖ ┘ ┙ ┚ ├ ┝ ┞ ┟ ┡ ┢ ┣ ┤ ┥ ┦ ┧ ┩ ┪ ┫ ┬ ┭ ┮ ┰ ┱ ┲ ┴ ┵ ┶ ┸ ┹ ┺ ┻ ┼ ┽ ┾ ┿ ╀ ╁ ╂ ╃ ╄ ╅ ╆ ╇ ╈ ╉ ╊ ╋ ║ ╒ ╕ ╖ ╘ ╙ ╛ ╜ ╞ ╟ ╠ ╡ ╢ ╣ ╤ ╥ ╦ ╧ ╨ ╪ ╫ ╳ ╔ ╗ ╝ ╚ ╬ ═ ╓ ╩ ┠ ┨ ┯ ┷ ┏ ┓ ┗ ┛ ┳ ⊥ ﹃ ﹄ ┌ ╭ ╮ ╯ ╰'.split(' ');
|
||||||
|
const _3 = '№ ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ ㈨ ㈩ ⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂ ⒃ ⒄ ⒅ ⒆ ⒇ ⒈ ⒉ ⒊ ⒋ ⒌ ⒍ ⒎ ⒏ ⒐ ⒑ ⒒ ⒓ ⒔ ⒕ ⒖ ⒗ ⒘ ⒙ ⒚ ⒛ Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳ ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ'.split(' ');
|
||||||
|
const _4 = 'Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω α β γ δ ε ζ ν ξ ο π ρ σ η θ ι κ λ μ τ υ φ χ ψ ω'.split(' ');
|
||||||
|
const _5 = 'А Б В Г Д Е Ё Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ё ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я'.split(' ');
|
||||||
|
const _6 = 'ぁ あ ぃ い ぅ う ぇ え ぉ お か が き ぎ く ぐ け げ こ ご さ ざ し じ す ず せ ぜ そ ぞ た だ ち ぢ っ つ づ て で と ど な に ぬ ね の は ば ぱ ひ び ぴ ふ ぶ ぷ へ べ ぺ ほ ぼ ぽ ま み む め も ゃ や ゅ ゆ ょ よ ら り る れ ろ ゎ わ ゐ ゑ を ん'.split(' ');
|
||||||
|
const _7 = 'ァ ア ィ イ ゥ ウ ェ エ ォ オ カ ガ キ ギ ク グ ケ ゲ コ ゴ サ ザ シ ジ ス ズ セ ゼ ソ ゾ タ ダ チ ヂ ッ ツ ヅ テ デ ト ド ナ ニ ヌ ネ ノ ハ バ パ ヒ ビ ピ フ ブ プ ヘ ベ ペ ホ ボ ポ マ ミ ム メ モ ャ ヤ ュ ユ ョ ヨ ラ リ ル レ ロ ヮ ワ ヰ ヱ ヲ ン ヴ ヵ ヶ'.split(' ');
|
||||||
|
const _8 = '夬 丅 乛 丄 丩 乚 夊 亅 亇 厃 丂 零 壹 贰 叁 肆 伍 陆 柒 捌 玖 拾 佰 仟 万 亿 吉 太 拍 艾 分 厘 毫 微 卍 卐 卄 巜 弍 弎 弐 朤 氺 曱 甴 囍 兀 々 〆 の ぁ 〡 〢 〣 〤 〥 〦 〧 〨 〩 ㊊ ㊋ ㊌ ㊍ ㊎ ㊏ ㊛ ㊚ ㊐ ㊑ ㊒ ㊓ ㊔ ㊕ ㊖ ㊗ ㊘ ㊜ ㊝ ㊞ ㊟ ㊠ ㊡ ㊢ ㊣ ㊤ ㊥ ㊦ ㊧ ㊨ ㊩ ㊪ ㊫ ㊬ ㊭ ㊮ ㊯ ㊰'.split(' ');
|
||||||
|
const _9 = 'ā á ǎ à ō ó ǒ ò ē é ě è ī í ǐ ì ū ú ǔ ù ǖ ǘ ǚ ǜ ü ㄅ ㄆ ㄇ ㄈ ㄉ ㄊ ㄋ ㄌ ㄍ ㄎ ㄏ ㄐ ㄑ ㄒ ㄓ ㄔ ㄕ ㄖ ㄗ ㄘ ㄙ ㄚ ㄛ ㄜ ㄝ ㄞ ㄟ ㄠ ㄡ ㄢ ㄣ ㄤ ㄥ ㄦ ㄧ ㄨ ㄩ'.split(' ');
|
||||||
|
const _10 = '㎎ ㎏ ㎜ ㎝ ㎞ ㎡ ㏄ ㏎ ㏑ ㏒ ㏕ ℡ % ‰ ℃ ℉ ° ′ ″ $ ￡ ￥ ￠ ♂ ♀ ℅'.split(' ');
|
||||||
|
const _11 = `. 。 ， 、 ; ： ？ ! ˉ ˇ ¨ ~ 々 ‖ ∶ " ' \` | · … — ～ - 〃 ‘ ’ “ ” 〝 〞 〔 〕 〈 〉 《 》 「 」 『 』 〖 〗 【 】 ( ) [ ] { ｝ ︻ ︼ ﹄ ﹃`.split(' ');
|
||||||
|
const _12 = '+ - × ÷ ± / ≌ ∽ ≦ ≧ ≒ ﹤ ﹥ ≈ ≡ ≠ = ≤ ≥ < > ≮ ≯ ∷ ∶ ∫ ∮ ∝ ∞ ∧ ∨ ∑ ∏ ∪ ∩ ∈ ∵ ∴ ⊥ ∥ ∠ ⌒ ⊙ √ ∟ ⊿ ㏒ ㏑ % ‰'.split(' ');
|
||||||
|
const _13 = '↑ ↓ ← → ↖ ↗ ↙ ↘ ↔ ↕ ➼ ➽ ➸ ➳ ➺ ➻ ➴ ➵ ➶ ➷ ➹ ▶ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➱ ➲ ➾ ➔ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇐ ⇑ ⇒ ⇓ ⇔ ⇖ ⇗ ⇘ ⇙ ⇜ ↩ ↪ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳ ↴ ↵ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ⇪'.split(' ');
|
||||||
|
|
||||||
|
this._openModal({
|
||||||
|
title: '符号大全',
|
||||||
|
hasFooter: false,
|
||||||
|
innerHtml: `
|
||||||
|
<div class="tabbar">
|
||||||
|
<div class="tabbar-item active" data-show="1">星星符号</div>
|
||||||
|
<div class="tabbar-item" data-show="2">绘表符号</div>
|
||||||
|
<div class="tabbar-item" data-show="3">编号&序号</div>
|
||||||
|
<div class="tabbar-item" data-show="4">希腊字母</div>
|
||||||
|
<div class="tabbar-item" data-show="5">俄语字符</div>
|
||||||
|
<div class="tabbar-item" data-show="6">日语字符</div>
|
||||||
|
<div class="tabbar-item" data-show="7">注音码</div>
|
||||||
|
<div class="tabbar-item" data-show="8">中文字符</div>
|
||||||
|
<div class="tabbar-item" data-show="9">汉语拼音</div>
|
||||||
|
<div class="tabbar-item" data-show="10">单位符号</div>
|
||||||
|
<div class="tabbar-item" data-show="11">标点符号</div>
|
||||||
|
<div class="tabbar-item" data-show="12">数学符号</div>
|
||||||
|
<div class="tabbar-item" data-show="13">箭头符号</div>
|
||||||
|
</div>
|
||||||
|
<div class="lists active" data-show="1">
|
||||||
|
${_1.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="2">
|
||||||
|
${_2.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="3">
|
||||||
|
${_3.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="4">
|
||||||
|
${_4.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="5">
|
||||||
|
${_5.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="6">
|
||||||
|
${_6.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="7">
|
||||||
|
${_7.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="8">
|
||||||
|
${_8.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="9">
|
||||||
|
${_9.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="10">
|
||||||
|
${_10.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="11">
|
||||||
|
${_11.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="12">
|
||||||
|
${_12.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
<div class="lists" data-show="13">
|
||||||
|
${_13.map(_ => `<div class="lists-item" data-text="${_}">${_}</div>`).join(' ')}
|
||||||
|
</div>
|
||||||
|
`,
|
||||||
|
handler: () => {
|
||||||
|
$('.cm-modal__wrapper-bodyer .tabbar-item').on('click', function () {
|
||||||
|
const activeTab = $(this);
|
||||||
|
const show = activeTab.attr('data-show');
|
||||||
|
const tabbar = $('.cm-modal__wrapper-bodyer .tabbar');
|
||||||
|
activeTab.addClass('active').siblings().removeClass('active');
|
||||||
|
tabbar.stop().animate({
|
||||||
|
scrollLeft: activeTab[0].offsetLeft - tabbar[0].offsetWidth / 2 + activeTab[0].offsetWidth / 2 - 15
|
||||||
|
});
|
||||||
|
$('.cm-modal__wrapper-bodyer .lists').removeClass('active');
|
||||||
|
$(".cm-modal__wrapper-bodyer .lists[data-show='" + show + "']").addClass('active');
|
||||||
|
});
|
||||||
|
const _this = this;
|
||||||
|
$('.cm-modal__wrapper-bodyer .lists-item').on('click', function () {
|
||||||
|
const text = $(this).attr('data-text');
|
||||||
|
_this._replaceSelection(cm, ` ${text} `);
|
||||||
|
$('.cm-modal').removeClass('active');
|
||||||
|
cm.focus();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
117
typecho/write/js/_tools.js
Normal file
117
typecho/write/js/_tools.js
Normal file
@ -0,0 +1,117 @@
|
|||||||
|
export default [
|
||||||
|
{
|
||||||
|
type: 'undo',
|
||||||
|
title: '撤销',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M76 463.7l294.8 294.9c19.5 19.4 52.8 5.6 52.8-21.9V561.5c202.5-8.2 344.1 59.5 501.6 338.3 8.5 15 31.5 7.9 30.6-9.3-30.5-554.7-453-571.4-532.3-569.6v-174c0-27.5-33.2-41.3-52.7-21.8L75.9 420c-12 12.1-12 31.6.1 43.7z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'redo',
|
||||||
|
title: '重做',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M946.8 420L651.9 125.1c-19.5-19.5-52.7-5.7-52.7 21.8v174c-79.3-1.8-501.8 14.9-532.3 569.6-.9 17.2 22.1 24.3 30.6 9.3C255 621 396.6 553.3 599.1 561.5v175.2c0 27.5 33.3 41.3 52.8 21.9l294.8-294.9c12.1-12.1 12.1-31.6.1-43.7z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'bold',
|
||||||
|
title: '加粗',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M341.333 469.333h192a106.667 106.667 0 1 0 0-213.333h-192v213.333zm426.667 192a192 192 0 0 1-192 192H256V170.667h277.333a192 192 0 0 1 138.923 324.522A191.915 191.915 0 0 1 768 661.333zM341.333 554.667V768H576a106.667 106.667 0 1 0 0-213.333H341.333z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'italic',
|
||||||
|
title: '倾斜',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M640 853.333H298.667V768h124.885l90.283-512H384v-85.333h341.333V256H600.448l-90.283 512H640z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'delete',
|
||||||
|
title: '删除',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M731.904 597.333c9.813 22.016 14.763 46.507 14.763 73.387 0 57.259-22.358 102.059-67.03 134.272-44.757 32.213-106.496 48.341-185.301 48.341-69.973 0-139.221-16.256-207.787-48.81v-96.256c64.854 37.418 131.2 56.149 199.083 56.149 108.843 0 163.413-31.232 163.797-93.739a94.293 94.293 0 0 0-27.648-68.394l-5.12-4.992H128v-85.334h768v85.334H731.904zm-173.995-128H325.504a174.336 174.336 0 0 1-20.523-22.272c-18.432-23.808-27.648-52.565-27.648-86.442 0-52.736 19.883-97.579 59.606-134.528 39.808-36.95 101.29-55.424 184.533-55.424 62.763 0 122.837 13.994 180.139 41.984v91.818c-51.2-29.312-107.307-43.946-168.363-43.946-105.813 0-158.677 33.365-158.677 100.096 0 17.92 9.301 33.536 27.904 46.89 18.602 13.355 41.557 23.979 68.821 32 26.453 7.68 55.339 17.664 86.613 29.824z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'code-inline',
|
||||||
|
title: '行内代码',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M416.328 512.336a96 96 0 1 0 192 0 96 96 0 1 0-192 0zM336.328 860c-12.288 0-24.568-6-33.944-17.992l-224-286.584c-18.744-23.984-18.744-62.856 0-86.84l224-286.592c18.744-23.976 49.136-23.976 67.88 0 18.744 23.984 18.744 62.864 0 86.848L180.208 512l190.056 243.168c18.744 23.968 18.744 62.856 0 86.832-9.368 12-21.648 18-33.936 18zm352 0c12.28 0 24.568-6 33.936-17.992l224-286.584c18.752-23.984 18.752-62.856 0-86.84l-224-286.592c-18.744-23.976-49.136-23.976-67.872 0-18.752 23.984-18.752 62.864 0 86.848L844.448 512 654.392 755.168c-18.752 23.968-18.752 62.856 0 86.832 9.376 12 21.656 18 33.936 18z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'indent',
|
||||||
|
title: '缩进',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M692.019 192c-22.087 0-39.992 17.935-39.992 40.059v277.192c-.638-9.212-4.471-18.244-11.522-25.286l-280.74-280.353c-15.504-15.483-40.643-15.483-56.147 0-15.505 15.483-15.505 40.587 0 56.07L556.282 512 303.617 764.316c-15.505 15.482-15.505 40.587 0 56.07 15.504 15.484 40.643 15.483 56.146 0l280.74-280.352a40.074 40.074 0 0 0 2.726-3.012c5.322-6.517 8.247-14.329 8.797-22.275V791.82c0 22.122 17.905 40.057 39.992 40.057s39.993-17.935 39.993-40.057V232.059c.001-22.124-17.906-40.059-39.992-40.059z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'hr',
|
||||||
|
title: '横线',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M896 469.333H128c-25.6 0-42.667 17.067-42.667 42.667S102.4 554.667 128 554.667h768c25.6 0 42.667-17.067 42.667-42.667S921.6 469.333 896 469.333z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'quote',
|
||||||
|
title: '引用',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M195.541 739.03C151.595 692.351 128 640 128 555.135c0-149.333 104.832-283.179 257.28-349.355l38.101 58.795c-142.293 76.97-170.112 176.853-181.205 239.83 22.912-11.862 52.907-16 82.304-13.27 76.97 7.125 137.643 70.315 137.643 148.864a149.333 149.333 0 0 1-149.334 149.333 165.163 165.163 0 0 1-117.248-50.304zm426.667 0c-43.947-46.678-67.541-99.03-67.541-183.894 0-149.333 104.832-283.179 257.28-349.355l38.101 58.795c-142.293 76.97-170.112 176.853-181.205 239.83 22.912-11.862 52.906-16 82.304-13.27 76.97 7.125 137.642 70.315 137.642 148.864a149.333 149.333 0 0 1-149.333 149.333 165.163 165.163 0 0 1-117.248-50.304z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'title',
|
||||||
|
title: '标题',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="M256 213.333h104.875v267.094h324.48V213.333h104.874v640H685.355V570.07h-324.48v283.264H256z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'ordered-list',
|
||||||
|
title: '有序列表',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M341.333 170.667H896V256H341.333v-85.333zm-128-42.667v128H256v42.667H128V256h42.667v-85.333H128V128h85.333zM128 597.333V490.667h85.333v-21.334H128v-42.666h128v106.666h-85.333v21.334H256v42.666H128zM213.333 832H128v-42.667h85.333V768H128v-42.667h128V896H128v-42.667h85.333V832zm128-362.667H896v85.334H341.333v-85.334zm0 298.667H896v85.333H341.333V768z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'unordered-list',
|
||||||
|
title: '无序列表',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M341.333 170.667H896V256H341.333v-85.333zM192 277.333a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM192 576a64 64 0 1 1 0-128 64 64 0 0 1 0 128zm0 294.4a64 64 0 1 1 0-128 64 64 0 0 1 0 128zm149.333-401.067H896v85.334H341.333v-85.334zm0 298.667H896v85.333H341.333V768z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'link',
|
||||||
|
title: '超链接',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M879.2 131.6c-103-95.5-264.1-88-361.4 11.2L474.7 184c-13.1 13.1-3.7 35.6 13.1 37.5 26.2 1.9 52.4 7.5 78.7 15 7.5 1.9 16.9 0 22.5-5.6l9.4-9.4c54.3-54.3 142.3-59.9 198.5-11.2 63.7 54.3 65.5 151.7 7.5 209.7L662 562.3c-18.7 18.7-41.2 30-63.7 37.5-30 7.5-61.8 5.6-89.9-5.6-16.9-7.5-33.7-16.9-48.7-31.8-7.5-7.5-13.1-15-18.7-24.3-7.5-13.1-24.3-15-33.7-3.7l-52.4 52.4c-7.5 7.5-7.5 18.7-1.9 28.1 7.5 11.2 16.9 20.6 26.2 30 13.1 13.1 30 26.2 44.9 35.6 26.2 16.9 56.2 28.1 86.1 33.7 58.1 11.2 121.7 1.9 174.2-26.2 20.6-11.2 41.2-26.2 58.1-43.1l142.3-142.3c104.9-103.2 101.2-271.8-5.6-371zM534.7 803.9l-39.3-5.6s-26.2-5.6-39.3-11.2c-7.5-1.9-16.9 0-22.5 5.6l-9.4 9.4c-54.3 54.3-142.3 59.9-198.5 11.2-63.7-54.3-65.5-151.7-7.5-209.7l142.3-142.3c18.7-18.7 41.2-30 63.7-37.5 30-7.5 61.8-5.6 89.9 5.6 16.9 7.5 33.7 16.9 48.7 31.8 7.5 7.5 13.1 15 18.7 24.3 7.5 13.1 24.3 15 33.7 3.7l52.4-52.4c7.5-7.5 7.5-18.7 1.9-28.1-7.5-11.2-16.9-20.6-26.2-30-13.1-13.1-28.1-26.2-44.9-35.6-26.2-16.9-56.2-28.1-88-33.7-58.1-11.2-121.7-1.9-174.2 26.2-20.6 11.2-41.2 26.2-58.1 43.1L141.4 515.5c-99.3 99.3-106.7 260.3-11.2 361.4C229.5 985.5 398 987.4 501 884.4l46.8-46.8c13.1-9.4 3.7-31.9-13.1-33.7z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'image',
|
||||||
|
title: '插入图片',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M46.545 977.455V46.545h930.91v930.91zm93.091-186.182v93.09h744.728V717.918l-214.11-228.305zm0-107.055l548.585-311.854 196.143 209.454V139.636H139.636zm99.282-376.227a82.758 82.758 0 0 1 82.758-82.758 82.758 82.758 0 0 1 82.757 82.758 82.758 82.758 0 0 1-82.757 82.805 82.804 82.804 0 0 1-82.758-82.898z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'character',
|
||||||
|
title: '实体符号',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"/><path d="M517.6 351.3c53 0 89 33.8 93 83.4.3 4.2 3.8 7.4 8 7.4h56.7c2.6 0 4.7-2.1 4.7-4.7 0-86.7-68.4-147.4-162.7-147.4C407.4 290 344 364.2 344 486.8v52.3C344 660.8 407.4 734 517.3 734c94 0 162.7-58.8 162.7-141.4 0-2.6-2.1-4.7-4.7-4.7h-56.8c-4.2 0-7.6 3.2-8 7.3-4.2 46.1-40.1 77.8-93 77.8-65.3 0-102.1-47.9-102.1-133.6v-52.6c.1-87 37-135.5 102.2-135.5z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'table',
|
||||||
|
title: '表格',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M892.8 108h-763c-26.2 0-47.5 21.3-47.5 47.5v714c0 26.2 21.3 47.5 47.5 47.5h763c26.2 0 47.5-21.3 47.5-47.5v-714c0-26.2-21.3-47.5-47.5-47.5zm-291 294.7v172.1H411.7V402.7h190.1zm76 0h186.5v172.1H677.8V402.7zM864.3 184v142.7h-706V184h706zM158.4 841V402.7h177.3v172.1H159.8v76h175.9v188.9h76V650.8h190.1v188.9h76V650.8h186.5V841H158.4z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'code-block',
|
||||||
|
title: '代码块',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M902.4 454.4l-144-144a40.704 40.704 0 0 0-57.6 57.6l144 144-144 144a40.704 40.704 0 0 0 57.6 57.6l144-144a81.472 81.472 0 0 0 0-115.2zm-636.8-144l-144 144a81.472 81.472 0 0 0 0 115.2l144 144a40.704 40.704 0 0 0 57.6-57.6l-144-144 144-144a40.704 40.704 0 0 0-57.6-57.6zm109.568 544.064l195.072-706.56a40.704 40.704 0 0 1 78.528 21.632l-195.072 706.56a40.704 40.704 0 0 1-78.528-21.696z" /></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'time',
|
||||||
|
title: '当前时间',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"/><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'clean',
|
||||||
|
title: '清屏',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M479.3 863.6L899.9 443c37.4-37.4 37.4-98.3 0-135.8L716.7 124.1C698.5 106 674.4 96 648.7 96c-25.8 0-50.4 10.8-68.6 29l-455 455c-18.2 18.2-29 42.8-29 68.6 0 25.7 9.9 49.9 28.1 68l183.1 183.2c18.1 18.1 42.2 28.1 67.9 28.1 3 0 5.9-.1 8.8-.4v.1h512c17.7 0 32-14.3 32-32s-14.3-32-32-32H479.3zm-126.8-9L169.4 671.5c-6-6-9.4-14.1-9.4-22.6 0-8.5 3.3-16.6 9.4-22.6l104.9-104.9 228.4 228.4-104.9 104.8c-6 6-14.1 9.4-22.6 9.4-8.6 0-16.6-3.3-22.7-9.4z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'download',
|
||||||
|
title: '下载',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M64.3 874.8v62.6c0 4.8 3.9 8.7 8.7 8.7h878c4.8 0 8.7-3.9 8.7-8.7v-62.6c0-4.8-3.9-8.7-8.7-8.7H73c-4.8 0-8.7 3.9-8.7 8.7zm418.9-99.9c3.2 2.9 6.8 5.3 10.9 7.1 5.2 2.3 10.7 3.4 16.1 3.4 9.8 0 19.5-3.6 27-10.5l291.4-270.4c3.5-3.2 3.7-8.7.5-12.2l-42.3-46.2c-3.3-3.6-8.8-3.8-12.3-.5L550.2 654.5v-528c0-4.8-3.9-8.7-8.7-8.7h-62.6c-4.8 0-8.7 3.9-8.7 8.7v527.9L239.6 442.9c-3.5-3.2-9-3-12.3.5L185 489.7c-3.2 3.5-3 9 .5 12.3l297.7 272.9z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'fullScreen',
|
||||||
|
title: '全屏/取消全屏',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M181.2 803.4V637H98v208c0 45.9 37.2 83.2 83.2 83.2h208V845H222.8c-23 0-41.6-18.6-41.6-41.6zM844.8 98.6h-208v83.2h166.4c23 0 41.6 18.6 41.6 41.6v166.4H928v-208c0-46-37.3-83.2-83.2-83.2zm-746.6 83v208h83.2V223.2c0-23 18.6-41.6 41.6-41.6h166.4V98.4h-208c-46 0-83.2 37.3-83.2 83.2zm746.4 455.6v166.4c0 23-18.6 41.6-41.6 41.6H636.6v83.2h208c45.9 0 83.2-37.2 83.2-83.2v-208h-83.2z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'publish',
|
||||||
|
title: '发布文章',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M128 554.667h768a42.667 42.667 0 0 0 0-85.334H128a42.667 42.667 0 0 0 0 85.334z"/><path d="M469.333 128v768a42.667 42.667 0 0 0 85.334 0V128a42.667 42.667 0 0 0-85.334 0z"/></svg>'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'about',
|
||||||
|
title: '关于',
|
||||||
|
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M881.6 512.1c0 203.7-165.7 369.5-369.5 369.5S142.6 715.8 142.6 512.1s165.7-369.5 369.5-369.5 369.5 165.8 369.5 369.5m77.7 0c0-246.6-200.6-447.2-447.2-447.2S64.9 265.5 64.9 512.1s200.6 447.2 447.2 447.2 447.2-200.6 447.2-447.2M582.5 318.2c9-9 14.2-21.6 14.2-34.3 0-12.8-5.2-25.4-14.2-34.4s-21.6-14.2-34.4-14.2c-12.7 0-25.3 5.2-34.3 14.2-9.1 9-14.3 21.6-14.3 34.4 0 12.7 5.2 25.3 14.3 34.3 9 9 21.5 14.3 34.3 14.3s25.3-5.3 34.4-14.3m-96.6 464.3c-7.6 0-15.2-2.6-21.3-7.5-9.9-7.9-14.5-20.7-12.1-33.1l47.9-243.1-26.4 14.8c-16.4 9.2-37.1 3.4-46.3-13-9.2-16.4-3.4-37.1 12.9-46.3l90.7-51.1c11.6-6.5 25.9-5.7 36.6 2.1 10.8 7.8 16 21.1 13.4 34.1l-49.6 251.9 40.7-17.7c17.2-7.5 37.3.4 44.8 17.6 7.5 17.2-.4 37.3-17.6 44.8l-100.2 43.7c-4.3 1.9-8.9 2.8-13.5 2.8"/></svg>'
|
||||||
|
}
|
||||||
|
];
|
||||||
File diff suppressed because one or more lines are too long
@ -3,407 +3,18 @@ import { EditorState } from '@codemirror/state';
|
|||||||
import { bracketMatching } from '@codemirror/matchbrackets';
|
import { bracketMatching } from '@codemirror/matchbrackets';
|
||||||
import { closeBrackets, closeBracketsKeymap } from '@codemirror/closebrackets';
|
import { closeBrackets, closeBracketsKeymap } from '@codemirror/closebrackets';
|
||||||
import { defaultKeymap, defaultTabBinding } from '@codemirror/commands';
|
import { defaultKeymap, defaultTabBinding } from '@codemirror/commands';
|
||||||
import { history, historyKeymap, undo, redo } from '@codemirror/history';
|
import { history, historyKeymap } from '@codemirror/history';
|
||||||
import { classHighlightStyle } from '@codemirror/highlight';
|
import { classHighlightStyle } from '@codemirror/highlight';
|
||||||
|
import tools from './_tools';
|
||||||
class JoeAction {
|
import JoeAction from './_actions';
|
||||||
constructor() {
|
|
||||||
$('body').append('<div class="cm-modal"><div class="cm-modal__wrapper"><div class="cm-modal__wrapper-header"></div><div class="cm-modal__wrapper-bodyer"></div><div class="cm-modal__wrapper-footer"><button class="cm-modal__wrapper-footer--cancle">取消</button><button class="cm-modal__wrapper-footer--confirm">确定</button></div></div></div>');
|
|
||||||
$('.cm-modal__wrapper-footer--cancle').on('click', () => {
|
|
||||||
this.options.cancel();
|
|
||||||
$('.cm-modal').removeClass('active');
|
|
||||||
});
|
|
||||||
$('.cm-modal__wrapper-footer--confirm').on('click', () => {
|
|
||||||
this.options.confirm();
|
|
||||||
$('.cm-modal').removeClass('active');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
_openModal(options = {}) {
|
|
||||||
const _options = {
|
|
||||||
title: '提示',
|
|
||||||
innerHtml: '内容',
|
|
||||||
cancel: () => {},
|
|
||||||
confirm: () => {}
|
|
||||||
};
|
|
||||||
this.options = Object.assign(_options, options);
|
|
||||||
$('.cm-modal__wrapper-header').html(this.options.title);
|
|
||||||
$('.cm-modal__wrapper-bodyer').html(this.options.innerHtml);
|
|
||||||
$('.cm-modal').addClass('active');
|
|
||||||
}
|
|
||||||
_getLineCh(cm) {
|
|
||||||
const head = cm.state.selection.main.head;
|
|
||||||
const line = cm.state.doc.lineAt(head);
|
|
||||||
return head - line.from;
|
|
||||||
}
|
|
||||||
_replaceSelection(cm, str) {
|
|
||||||
cm.dispatch(cm.state.replaceSelection(str));
|
|
||||||
}
|
|
||||||
_setCursor(cm, pos) {
|
|
||||||
cm.dispatch({ selection: { anchor: pos } });
|
|
||||||
}
|
|
||||||
_getSelection(cm) {
|
|
||||||
return cm.state.sliceDoc(cm.state.selection.main.from, cm.state.selection.main.to);
|
|
||||||
}
|
|
||||||
_insetAmboText(cm, str) {
|
|
||||||
const cursor = cm.state.selection.main.head;
|
|
||||||
const selection = this._getSelection(cm);
|
|
||||||
this._replaceSelection(cm, ` ${str + selection + str} `);
|
|
||||||
if (selection === '') this._setCursor(cm, cursor + str.length + 1);
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
handleFullScreen(el) {
|
|
||||||
el.toggleClass('active');
|
|
||||||
$('body').toggleClass('fullscreen');
|
|
||||||
$('.cm-container').toggleClass('fullscreen');
|
|
||||||
$('.cm-preview').width(0);
|
|
||||||
}
|
|
||||||
handlePublish() {
|
|
||||||
$('#btn-submit').click();
|
|
||||||
}
|
|
||||||
handleUndo(cm) {
|
|
||||||
undo(cm);
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
handleRedo(cm) {
|
|
||||||
redo(cm);
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
handleIndent(cm) {
|
|
||||||
this._replaceSelection(cm, ' ');
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
handleTime(cm) {
|
|
||||||
const time = new Date();
|
|
||||||
const _Year = time.getFullYear();
|
|
||||||
const _Month = String(time.getMonth() + 1).padStart(2, 0);
|
|
||||||
const _Date = String(time.getDate()).padStart(2, 0);
|
|
||||||
const _Hours = String(time.getHours()).padStart(2, 0);
|
|
||||||
const _Minutes = String(time.getMinutes()).padStart(2, 0);
|
|
||||||
const _Seconds = String(time.getSeconds()).padStart(2, 0);
|
|
||||||
const _Day = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'][time.getDay()];
|
|
||||||
const _time = `${this._getLineCh(cm) ? '\n' : ''}${_Year}-${_Month}-${_Date} ${_Hours}:${_Minutes}:${_Seconds} ${_Day}\n`;
|
|
||||||
this._replaceSelection(cm, _time);
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
handleHr(cm) {
|
|
||||||
const str = `${this._getLineCh(cm) ? '\n' : ''}\n------------\n\n`;
|
|
||||||
this._replaceSelection(cm, str);
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
handleClean(cm) {
|
|
||||||
cm.dispatch({ changes: { from: 0, to: cm.state.doc.length, insert: '' } });
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
handleOrdered(cm) {
|
|
||||||
const selection = this._getSelection(cm);
|
|
||||||
if (selection === '') {
|
|
||||||
const str = (this._getLineCh(cm) ? '\n\n' : '') + '1. ';
|
|
||||||
this._replaceSelection(cm, str);
|
|
||||||
} else {
|
|
||||||
const selectionText = selection.split('\n');
|
|
||||||
for (let i = 0, len = selectionText.length; i < len; i++) {
|
|
||||||
selectionText[i] = selectionText[i] === '' ? '' : i + 1 + '. ' + selectionText[i];
|
|
||||||
}
|
|
||||||
const str = (this._getLineCh(cm) ? '\n' : '') + selectionText.join('\n');
|
|
||||||
this._replaceSelection(cm, str);
|
|
||||||
}
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
handleUnordered(cm) {
|
|
||||||
const selection = this._getSelection(cm);
|
|
||||||
if (selection === '') {
|
|
||||||
const str = (this._getLineCh(cm) ? '\n' : '') + '- ';
|
|
||||||
this._replaceSelection(cm, str);
|
|
||||||
} else {
|
|
||||||
const selectionText = selection.split('\n');
|
|
||||||
for (let i = 0, len = selectionText.length; i < len; i++) {
|
|
||||||
selectionText[i] = selectionText[i] === '' ? '' : '- ' + selectionText[i];
|
|
||||||
}
|
|
||||||
const str = (this._getLineCh(cm) ? '\n' : '') + selectionText.join('\n');
|
|
||||||
this._replaceSelection(cm, str);
|
|
||||||
}
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
handleQuote(cm) {
|
|
||||||
const selection = this._getSelection(cm);
|
|
||||||
if (selection === '') {
|
|
||||||
this._replaceSelection(cm, `${this._getLineCh(cm) ? '\n' : ''}> `);
|
|
||||||
} else {
|
|
||||||
const selectionText = selection.split('\n');
|
|
||||||
for (let i = 0, len = selectionText.length; i < len; i++) {
|
|
||||||
selectionText[i] = selectionText[i] === '' ? '' : '> ' + selectionText[i];
|
|
||||||
}
|
|
||||||
const str = (this._getLineCh(cm) ? '\n' : '') + selectionText.join('\n');
|
|
||||||
this._replaceSelection(cm, str);
|
|
||||||
}
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
handleDownload(cm) {
|
|
||||||
const title = $('#title').val() || '新文章';
|
|
||||||
const aTag = document.createElement('a');
|
|
||||||
let blob = new Blob([cm.state.doc.toString()]);
|
|
||||||
aTag.download = title + '.md';
|
|
||||||
aTag.href = URL.createObjectURL(blob);
|
|
||||||
aTag.click();
|
|
||||||
URL.revokeObjectURL(blob);
|
|
||||||
}
|
|
||||||
handleTitle(cm, tool) {
|
|
||||||
const item = $(`
|
|
||||||
<div class="cm-tools-item" title="${tool.title}">
|
|
||||||
${tool.innerHTML}
|
|
||||||
<div class="cm-tools__dropdown">
|
|
||||||
<div class="cm-tools__dropdown-item" data-text="# "> H1 </div>
|
|
||||||
<div class="cm-tools__dropdown-item" data-text="## "> H2 </div>
|
|
||||||
<div class="cm-tools__dropdown-item" data-text="### "> H3 </div>
|
|
||||||
<div class="cm-tools__dropdown-item" data-text="#### "> H4 </div>
|
|
||||||
<div class="cm-tools__dropdown-item" data-text="##### "> H5 </div>
|
|
||||||
<div class="cm-tools__dropdown-item" data-text="###### "> H6 </div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`);
|
|
||||||
item.on('click', function (e) {
|
|
||||||
e.stopPropagation();
|
|
||||||
$(this).toggleClass('active');
|
|
||||||
});
|
|
||||||
const _this = this;
|
|
||||||
item.on('click', '.cm-tools__dropdown-item', function (e) {
|
|
||||||
e.stopPropagation();
|
|
||||||
const text = $(this).attr('data-text');
|
|
||||||
if (_this._getLineCh(cm)) _this._replaceSelection(cm, '\n\n' + text);
|
|
||||||
else _this._replaceSelection(cm, text);
|
|
||||||
item.removeClass('active');
|
|
||||||
cm.focus();
|
|
||||||
});
|
|
||||||
$(document).on('click', () => item.removeClass('active'));
|
|
||||||
$('.cm-tools').append(item);
|
|
||||||
}
|
|
||||||
handleLink(cm) {
|
|
||||||
this._openModal({
|
|
||||||
title: '插入链接',
|
|
||||||
innerHtml: `
|
|
||||||
<div class="fitem">
|
|
||||||
<label>链接标题</label>
|
|
||||||
<input autocomplete="off" name="title" placeholder="请输入链接标题"/>
|
|
||||||
</div>
|
|
||||||
<div class="fitem">
|
|
||||||
<label>链接地址</label>
|
|
||||||
<input autocomplete="off" name="url" placeholder="请输入链接地址"/>
|
|
||||||
</div>
|
|
||||||
`,
|
|
||||||
confirm: () => {
|
|
||||||
const title = $(".cm-modal input[name='title']").val() || 'Test';
|
|
||||||
const url = $(".cm-modal input[name='url']").val() || 'http://';
|
|
||||||
this._replaceSelection(cm, ` [${title}](${url}) `);
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
handleImage(cm) {
|
|
||||||
this._openModal({
|
|
||||||
title: '插入图片',
|
|
||||||
innerHtml: `
|
|
||||||
<div class="fitem">
|
|
||||||
<label>图片名称</label>
|
|
||||||
<input autocomplete="off" name="title" placeholder="请输入图片名称"/>
|
|
||||||
</div>
|
|
||||||
<div class="fitem">
|
|
||||||
<label>图片地址</label>
|
|
||||||
<input autocomplete="off" name="url" placeholder="请输入图片地址"/>
|
|
||||||
</div>
|
|
||||||
`,
|
|
||||||
confirm: () => {
|
|
||||||
const title = $(".cm-modal input[name='title']").val() || 'Test';
|
|
||||||
const url = $(".cm-modal input[name='url']").val() || 'http://';
|
|
||||||
this._replaceSelection(cm, `  `);
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
handleTable(cm) {
|
|
||||||
this._openModal({
|
|
||||||
title: '插入表格',
|
|
||||||
innerHtml: `
|
|
||||||
<div class="fitem">
|
|
||||||
<label>表格行</label>
|
|
||||||
<input style="width: 50px; flex: none; margin-right: 10px;" value="3" autocomplete="off" name="row"/>
|
|
||||||
<label>表格列</label>
|
|
||||||
<input style="width: 50px; flex: none;" value="3" autocomplete="off" name="column"/>
|
|
||||||
</div>
|
|
||||||
`,
|
|
||||||
confirm: () => {
|
|
||||||
let row = $(".cm-modal input[name='row']").val();
|
|
||||||
let column = $(".cm-modal input[name='column']").val();
|
|
||||||
if (isNaN(row)) row = 3;
|
|
||||||
if (isNaN(column)) column = 3;
|
|
||||||
let rowStr = '';
|
|
||||||
let rangeStr = '';
|
|
||||||
let columnlStr = '';
|
|
||||||
for (let i = 0; i < column; i++) {
|
|
||||||
rowStr += '| 表头 ';
|
|
||||||
rangeStr += '| :--: ';
|
|
||||||
}
|
|
||||||
for (let i = 0; i < row; i++) {
|
|
||||||
for (let j = 0; j < column; j++) columnlStr += '| 表格 ';
|
|
||||||
columnlStr += '|\n';
|
|
||||||
}
|
|
||||||
const htmlStr = `${rowStr}|\n${rangeStr}|\n${columnlStr}\n`;
|
|
||||||
if (this._getLineCh(cm)) this._replaceSelection(cm, '\n\n' + htmlStr);
|
|
||||||
else this._replaceSelection(cm, htmlStr);
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
handleCodeBlock(cm) {
|
|
||||||
this._openModal({
|
|
||||||
title: '插入代码块',
|
|
||||||
innerHtml: `
|
|
||||||
<div class="fitem">
|
|
||||||
<label>语言类型</label>
|
|
||||||
<input autocomplete="off" name="type" placeholder="请输入语言类型（英文）"/>
|
|
||||||
</div>
|
|
||||||
`,
|
|
||||||
confirm: () => {
|
|
||||||
const type = $(".cm-modal input[name='type']").val() || 'html';
|
|
||||||
const htmlStr = `\`\`\`${type}\ncode here...\n\`\`\``;
|
|
||||||
if (this._getLineCh(cm)) this._replaceSelection(cm, '\n\n' + htmlStr);
|
|
||||||
else this._replaceSelection(cm, htmlStr);
|
|
||||||
cm.focus();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
handleAbout() {
|
|
||||||
this._openModal({
|
|
||||||
title: '关于',
|
|
||||||
innerHtml: `
|
|
||||||
<ul>
|
|
||||||
<li>短代码功能正在开发中...</li>
|
|
||||||
<li>仅支持网络图片粘贴上传（截图等）</li>
|
|
||||||
<li>本编辑器仅供Joe主题使用，未经允许不得移植至其他主题！</li>
|
|
||||||
</ul>
|
|
||||||
`
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Joe extends JoeAction {
|
class Joe extends JoeAction {
|
||||||
constructor() {
|
constructor() {
|
||||||
super();
|
super();
|
||||||
this.tools = [
|
|
||||||
{
|
|
||||||
type: 'undo',
|
|
||||||
title: '撤销',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M76 463.7l294.8 294.9c19.5 19.4 52.8 5.6 52.8-21.9V561.5c202.5-8.2 344.1 59.5 501.6 338.3 8.5 15 31.5 7.9 30.6-9.3-30.5-554.7-453-571.4-532.3-569.6v-174c0-27.5-33.2-41.3-52.7-21.8L75.9 420c-12 12.1-12 31.6.1 43.7z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'redo',
|
|
||||||
title: '重做',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M946.8 420L651.9 125.1c-19.5-19.5-52.7-5.7-52.7 21.8v174c-79.3-1.8-501.8 14.9-532.3 569.6-.9 17.2 22.1 24.3 30.6 9.3C255 621 396.6 553.3 599.1 561.5v175.2c0 27.5 33.3 41.3 52.8 21.9l294.8-294.9c12.1-12.1 12.1-31.6.1-43.7z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'bold',
|
|
||||||
title: '加粗',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M341.333 469.333h192a106.667 106.667 0 1 0 0-213.333h-192v213.333zm426.667 192a192 192 0 0 1-192 192H256V170.667h277.333a192 192 0 0 1 138.923 324.522A191.915 191.915 0 0 1 768 661.333zM341.333 554.667V768H576a106.667 106.667 0 1 0 0-213.333H341.333z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'italic',
|
|
||||||
title: '倾斜',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M640 853.333H298.667V768h124.885l90.283-512H384v-85.333h341.333V256H600.448l-90.283 512H640z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'delete',
|
|
||||||
title: '删除',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M731.904 597.333c9.813 22.016 14.763 46.507 14.763 73.387 0 57.259-22.358 102.059-67.03 134.272-44.757 32.213-106.496 48.341-185.301 48.341-69.973 0-139.221-16.256-207.787-48.81v-96.256c64.854 37.418 131.2 56.149 199.083 56.149 108.843 0 163.413-31.232 163.797-93.739a94.293 94.293 0 0 0-27.648-68.394l-5.12-4.992H128v-85.334h768v85.334H731.904zm-173.995-128H325.504a174.336 174.336 0 0 1-20.523-22.272c-18.432-23.808-27.648-52.565-27.648-86.442 0-52.736 19.883-97.579 59.606-134.528 39.808-36.95 101.29-55.424 184.533-55.424 62.763 0 122.837 13.994 180.139 41.984v91.818c-51.2-29.312-107.307-43.946-168.363-43.946-105.813 0-158.677 33.365-158.677 100.096 0 17.92 9.301 33.536 27.904 46.89 18.602 13.355 41.557 23.979 68.821 32 26.453 7.68 55.339 17.664 86.613 29.824z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'code-inline',
|
|
||||||
title: '行内代码',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M416.328 512.336a96 96 0 1 0 192 0 96 96 0 1 0-192 0zM336.328 860c-12.288 0-24.568-6-33.944-17.992l-224-286.584c-18.744-23.984-18.744-62.856 0-86.84l224-286.592c18.744-23.976 49.136-23.976 67.88 0 18.744 23.984 18.744 62.864 0 86.848L180.208 512l190.056 243.168c18.744 23.968 18.744 62.856 0 86.832-9.368 12-21.648 18-33.936 18zm352 0c12.28 0 24.568-6 33.936-17.992l224-286.584c18.752-23.984 18.752-62.856 0-86.84l-224-286.592c-18.744-23.976-49.136-23.976-67.872 0-18.752 23.984-18.752 62.864 0 86.848L844.448 512 654.392 755.168c-18.752 23.968-18.752 62.856 0 86.832 9.376 12 21.656 18 33.936 18z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'indent',
|
|
||||||
title: '缩进',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M692.019 192c-22.087 0-39.992 17.935-39.992 40.059v277.192c-.638-9.212-4.471-18.244-11.522-25.286l-280.74-280.353c-15.504-15.483-40.643-15.483-56.147 0-15.505 15.483-15.505 40.587 0 56.07L556.282 512 303.617 764.316c-15.505 15.482-15.505 40.587 0 56.07 15.504 15.484 40.643 15.483 56.146 0l280.74-280.352a40.074 40.074 0 0 0 2.726-3.012c5.322-6.517 8.247-14.329 8.797-22.275V791.82c0 22.122 17.905 40.057 39.992 40.057s39.993-17.935 39.993-40.057V232.059c.001-22.124-17.906-40.059-39.992-40.059z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'hr',
|
|
||||||
title: '横线',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M896 469.333H128c-25.6 0-42.667 17.067-42.667 42.667S102.4 554.667 128 554.667h768c25.6 0 42.667-17.067 42.667-42.667S921.6 469.333 896 469.333z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'quote',
|
|
||||||
title: '引用',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M195.541 739.03C151.595 692.351 128 640 128 555.135c0-149.333 104.832-283.179 257.28-349.355l38.101 58.795c-142.293 76.97-170.112 176.853-181.205 239.83 22.912-11.862 52.907-16 82.304-13.27 76.97 7.125 137.643 70.315 137.643 148.864a149.333 149.333 0 0 1-149.334 149.333 165.163 165.163 0 0 1-117.248-50.304zm426.667 0c-43.947-46.678-67.541-99.03-67.541-183.894 0-149.333 104.832-283.179 257.28-349.355l38.101 58.795c-142.293 76.97-170.112 176.853-181.205 239.83 22.912-11.862 52.906-16 82.304-13.27 76.97 7.125 137.642 70.315 137.642 148.864a149.333 149.333 0 0 1-149.333 149.333 165.163 165.163 0 0 1-117.248-50.304z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'title',
|
|
||||||
title: '标题',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="M256 213.333h104.875v267.094h324.48V213.333h104.874v640H685.355V570.07h-324.48v283.264H256z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'ordered-list',
|
|
||||||
title: '有序列表',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M341.333 170.667H896V256H341.333v-85.333zm-128-42.667v128H256v42.667H128V256h42.667v-85.333H128V128h85.333zM128 597.333V490.667h85.333v-21.334H128v-42.666h128v106.666h-85.333v21.334H256v42.666H128zM213.333 832H128v-42.667h85.333V768H128v-42.667h128V896H128v-42.667h85.333V832zm128-362.667H896v85.334H341.333v-85.334zm0 298.667H896v85.333H341.333V768z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'unordered-list',
|
|
||||||
title: '无序列表',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M341.333 170.667H896V256H341.333v-85.333zM192 277.333a64 64 0 1 1 0-128 64 64 0 0 1 0 128zM192 576a64 64 0 1 1 0-128 64 64 0 0 1 0 128zm0 294.4a64 64 0 1 1 0-128 64 64 0 0 1 0 128zm149.333-401.067H896v85.334H341.333v-85.334zm0 298.667H896v85.333H341.333V768z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'link',
|
|
||||||
title: '超链接',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path d="M879.2 131.6c-103-95.5-264.1-88-361.4 11.2L474.7 184c-13.1 13.1-3.7 35.6 13.1 37.5 26.2 1.9 52.4 7.5 78.7 15 7.5 1.9 16.9 0 22.5-5.6l9.4-9.4c54.3-54.3 142.3-59.9 198.5-11.2 63.7 54.3 65.5 151.7 7.5 209.7L662 562.3c-18.7 18.7-41.2 30-63.7 37.5-30 7.5-61.8 5.6-89.9-5.6-16.9-7.5-33.7-16.9-48.7-31.8-7.5-7.5-13.1-15-18.7-24.3-7.5-13.1-24.3-15-33.7-3.7l-52.4 52.4c-7.5 7.5-7.5 18.7-1.9 28.1 7.5 11.2 16.9 20.6 26.2 30 13.1 13.1 30 26.2 44.9 35.6 26.2 16.9 56.2 28.1 86.1 33.7 58.1 11.2 121.7 1.9 174.2-26.2 20.6-11.2 41.2-26.2 58.1-43.1l142.3-142.3c104.9-103.2 101.2-271.8-5.6-371zM534.7 803.9l-39.3-5.6s-26.2-5.6-39.3-11.2c-7.5-1.9-16.9 0-22.5 5.6l-9.4 9.4c-54.3 54.3-142.3 59.9-198.5 11.2-63.7-54.3-65.5-151.7-7.5-209.7l142.3-142.3c18.7-18.7 41.2-30 63.7-37.5 30-7.5 61.8-5.6 89.9 5.6 16.9 7.5 33.7 16.9 48.7 31.8 7.5 7.5 13.1 15 18.7 24.3 7.5 13.1 24.3 15 33.7 3.7l52.4-52.4c7.5-7.5 7.5-18.7 1.9-28.1-7.5-11.2-16.9-20.6-26.2-30-13.1-13.1-28.1-26.2-44.9-35.6-26.2-16.9-56.2-28.1-88-33.7-58.1-11.2-121.7-1.9-174.2 26.2-20.6 11.2-41.2 26.2-58.1 43.1L141.4 515.5c-99.3 99.3-106.7 260.3-11.2 361.4C229.5 985.5 398 987.4 501 884.4l46.8-46.8c13.1-9.4 3.7-31.9-13.1-33.7z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'image',
|
|
||||||
title: '插入图片',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M46.545 977.455V46.545h930.91v930.91zm93.091-186.182v93.09h744.728V717.918l-214.11-228.305zm0-107.055l548.585-311.854 196.143 209.454V139.636H139.636zm99.282-376.227a82.758 82.758 0 0 1 82.758-82.758 82.758 82.758 0 0 1 82.757 82.758 82.758 82.758 0 0 1-82.757 82.805 82.804 82.804 0 0 1-82.758-82.898z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'table',
|
|
||||||
title: '表格',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M892.8 108h-763c-26.2 0-47.5 21.3-47.5 47.5v714c0 26.2 21.3 47.5 47.5 47.5h763c26.2 0 47.5-21.3 47.5-47.5v-714c0-26.2-21.3-47.5-47.5-47.5zm-291 294.7v172.1H411.7V402.7h190.1zm76 0h186.5v172.1H677.8V402.7zM864.3 184v142.7h-706V184h706zM158.4 841V402.7h177.3v172.1H159.8v76h175.9v188.9h76V650.8h190.1v188.9h76V650.8h186.5V841H158.4z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'code-block',
|
|
||||||
title: '代码块',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M902.4 454.4l-144-144a40.704 40.704 0 0 0-57.6 57.6l144 144-144 144a40.704 40.704 0 0 0 57.6 57.6l144-144a81.472 81.472 0 0 0 0-115.2zm-636.8-144l-144 144a81.472 81.472 0 0 0 0 115.2l144 144a40.704 40.704 0 0 0 57.6-57.6l-144-144 144-144a40.704 40.704 0 0 0-57.6-57.6zm109.568 544.064l195.072-706.56a40.704 40.704 0 0 1 78.528 21.632l-195.072 706.56a40.704 40.704 0 0 1-78.528-21.696z" /></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'time',
|
|
||||||
title: '当前时间',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"/><path d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'clean',
|
|
||||||
title: '清屏',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M479.3 863.6L899.9 443c37.4-37.4 37.4-98.3 0-135.8L716.7 124.1C698.5 106 674.4 96 648.7 96c-25.8 0-50.4 10.8-68.6 29l-455 455c-18.2 18.2-29 42.8-29 68.6 0 25.7 9.9 49.9 28.1 68l183.1 183.2c18.1 18.1 42.2 28.1 67.9 28.1 3 0 5.9-.1 8.8-.4v.1h512c17.7 0 32-14.3 32-32s-14.3-32-32-32H479.3zm-126.8-9L169.4 671.5c-6-6-9.4-14.1-9.4-22.6 0-8.5 3.3-16.6 9.4-22.6l104.9-104.9 228.4 228.4-104.9 104.8c-6 6-14.1 9.4-22.6 9.4-8.6 0-16.6-3.3-22.7-9.4z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'download',
|
|
||||||
title: '下载',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M64.3 874.8v62.6c0 4.8 3.9 8.7 8.7 8.7h878c4.8 0 8.7-3.9 8.7-8.7v-62.6c0-4.8-3.9-8.7-8.7-8.7H73c-4.8 0-8.7 3.9-8.7 8.7zm418.9-99.9c3.2 2.9 6.8 5.3 10.9 7.1 5.2 2.3 10.7 3.4 16.1 3.4 9.8 0 19.5-3.6 27-10.5l291.4-270.4c3.5-3.2 3.7-8.7.5-12.2l-42.3-46.2c-3.3-3.6-8.8-3.8-12.3-.5L550.2 654.5v-528c0-4.8-3.9-8.7-8.7-8.7h-62.6c-4.8 0-8.7 3.9-8.7 8.7v527.9L239.6 442.9c-3.5-3.2-9-3-12.3.5L185 489.7c-3.2 3.5-3 9 .5 12.3l297.7 272.9z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'fullScreen',
|
|
||||||
title: '全屏/取消全屏',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M181.2 803.4V637H98v208c0 45.9 37.2 83.2 83.2 83.2h208V845H222.8c-23 0-41.6-18.6-41.6-41.6zM844.8 98.6h-208v83.2h166.4c23 0 41.6 18.6 41.6 41.6v166.4H928v-208c0-46-37.3-83.2-83.2-83.2zm-746.6 83v208h83.2V223.2c0-23 18.6-41.6 41.6-41.6h166.4V98.4h-208c-46 0-83.2 37.3-83.2 83.2zm746.4 455.6v166.4c0 23-18.6 41.6-41.6 41.6H636.6v83.2h208c45.9 0 83.2-37.2 83.2-83.2v-208h-83.2z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'publish',
|
|
||||||
title: '发布文章',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M128 554.667h768a42.667 42.667 0 0 0 0-85.334H128a42.667 42.667 0 0 0 0 85.334z"/><path d="M469.333 128v768a42.667 42.667 0 0 0 85.334 0V128a42.667 42.667 0 0 0-85.334 0z"/></svg>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'about',
|
|
||||||
title: '关于',
|
|
||||||
innerHTML: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M881.6 512.1c0 203.7-165.7 369.5-369.5 369.5S142.6 715.8 142.6 512.1s165.7-369.5 369.5-369.5 369.5 165.8 369.5 369.5m77.7 0c0-246.6-200.6-447.2-447.2-447.2S64.9 265.5 64.9 512.1s200.6 447.2 447.2 447.2 447.2-200.6 447.2-447.2M582.5 318.2c9-9 14.2-21.6 14.2-34.3 0-12.8-5.2-25.4-14.2-34.4s-21.6-14.2-34.4-14.2c-12.7 0-25.3 5.2-34.3 14.2-9.1 9-14.3 21.6-14.3 34.4 0 12.7 5.2 25.3 14.3 34.3 9 9 21.5 14.3 34.3 14.3s25.3-5.3 34.4-14.3m-96.6 464.3c-7.6 0-15.2-2.6-21.3-7.5-9.9-7.9-14.5-20.7-12.1-33.1l47.9-243.1-26.4 14.8c-16.4 9.2-37.1 3.4-46.3-13-9.2-16.4-3.4-37.1 12.9-46.3l90.7-51.1c11.6-6.5 25.9-5.7 36.6 2.1 10.8 7.8 16 21.1 13.4 34.1l-49.6 251.9 40.7-17.7c17.2-7.5 37.3.4 44.8 17.6 7.5 17.2-.4 37.3-17.6 44.8l-100.2 43.7c-4.3 1.9-8.9 2.8-13.5 2.8"/></svg>'
|
|
||||||
}
|
|
||||||
];
|
|
||||||
this.plugins = [classHighlightStyle, history(), bracketMatching(), closeBrackets()];
|
this.plugins = [classHighlightStyle, history(), bracketMatching(), closeBrackets()];
|
||||||
this.keymaps = [defaultTabBinding, ...defaultKeymap, ...historyKeymap, ...closeBracketsKeymap];
|
|
||||||
this.parser = new HyperDown();
|
this.parser = new HyperDown();
|
||||||
this._isPasting = false;
|
this._isPasting = false;
|
||||||
|
|
||||||
this.init_ViewPort();
|
this.init_ViewPort();
|
||||||
this.init_Editor();
|
this.init_Editor();
|
||||||
this.init_Preview();
|
this.init_Preview();
|
||||||
@ -413,111 +24,103 @@ class Joe extends JoeAction {
|
|||||||
|
|
||||||
/* 已测 √ */
|
/* 已测 √ */
|
||||||
init_ViewPort() {
|
init_ViewPort() {
|
||||||
try {
|
if ($('meta[name="viewport"]').length > 0) $('meta[name="viewport"]').attr('content', 'width=device-width, user-scalable=no, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover');
|
||||||
if ($('meta[name="viewport"]').length > 0) $('meta[name="viewport"]').attr('content', 'width=device-width, user-scalable=no, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover');
|
else $('head').append('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">');
|
||||||
else $('head').append('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">');
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Init_ViewPort Error: ' + e);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 已测 √ */
|
/* 已测 √ */
|
||||||
init_Editor() {
|
init_Editor() {
|
||||||
try {
|
$('#text').before(`
|
||||||
$('#text').before(`
|
<div class="cm-container">
|
||||||
<div class="cm-container">
|
<div class="cm-tools"></div>
|
||||||
<div class="cm-tools"></div>
|
<div class="cm-mainer">
|
||||||
<div class="cm-mainer">
|
<div class="cm-resize"></div>
|
||||||
<div class="cm-resize"></div>
|
<div class="cm-preview">
|
||||||
<div class="cm-preview">
|
<div class="cm-preview-content">${this.parser.makeHtml($('#text').val())}</div>
|
||||||
<div class="cm-preview-content">${this.parser.makeHtml($('#text').val())}</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="cm-progress-left"></div>
|
||||||
<div class="cm-progress-left"></div>
|
<div class="cm-progress-right"></div>
|
||||||
<div class="cm-progress-right"></div>
|
</div>
|
||||||
</div>
|
`);
|
||||||
`);
|
const cm = new EditorView({
|
||||||
const cm = new EditorView({
|
state: EditorState.create({
|
||||||
state: EditorState.create({
|
doc: $('#text').val(),
|
||||||
doc: $('#text').val(),
|
extensions: [
|
||||||
extensions: [
|
...this.plugins,
|
||||||
...this.plugins,
|
keymap.of([defaultTabBinding, ...defaultKeymap, ...historyKeymap, ...closeBracketsKeymap]),
|
||||||
keymap.of([...this.keymaps]),
|
EditorView.updateListener.of(update => {
|
||||||
EditorView.updateListener.of(update => {
|
if (!update.docChanged) return;
|
||||||
if (!update.docChanged) return;
|
$('.cm-preview-content').html(this.parser.makeHtml(update.state.doc.toString()));
|
||||||
$('.cm-preview-content').html(this.parser.makeHtml(update.state.doc.toString()));
|
}),
|
||||||
}),
|
EditorView.domEventHandlers({
|
||||||
EditorView.domEventHandlers({
|
paste: e => {
|
||||||
paste: e => {
|
const clipboardData = e.clipboardData;
|
||||||
const clipboardData = e.clipboardData;
|
if (!clipboardData || !clipboardData.items) return;
|
||||||
if (!clipboardData || !clipboardData.items) return;
|
const items = clipboardData.items;
|
||||||
const items = clipboardData.items;
|
if (!items.length) return;
|
||||||
if (!items.length) return;
|
let blob = null;
|
||||||
let blob = null;
|
for (let i = 0; i < items.length; i++) {
|
||||||
for (let i = 0; i < items.length; i++) {
|
if (items[i].type.indexOf('image') !== -1) {
|
||||||
if (items[i].type.indexOf('image') !== -1) {
|
e.preventDefault();
|
||||||
e.preventDefault();
|
blob = items[i].getAsFile();
|
||||||
blob = items[i].getAsFile();
|
break;
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
if (!blob) return;
|
|
||||||
let api = $('script[api]').attr('api');
|
|
||||||
if (!api) return;
|
|
||||||
const cid = $('input[name="cid"]').val();
|
|
||||||
cid && (api = api + '&cid=' + cid);
|
|
||||||
if (this._isPasting) return;
|
|
||||||
this._isPasting = true;
|
|
||||||
const fileName = Date.now().toString(36) + '.png';
|
|
||||||
let formData = new FormData();
|
|
||||||
formData.append('name', fileName);
|
|
||||||
formData.append('file', blob, fileName);
|
|
||||||
$.ajax({
|
|
||||||
url: api,
|
|
||||||
method: 'post',
|
|
||||||
data: formData,
|
|
||||||
contentType: false,
|
|
||||||
processData: false,
|
|
||||||
dataType: 'json',
|
|
||||||
xhr: () => {
|
|
||||||
const xhr = $.ajaxSettings.xhr();
|
|
||||||
if (!xhr.upload) return;
|
|
||||||
xhr.upload.addEventListener(
|
|
||||||
'progress',
|
|
||||||
e => {
|
|
||||||
let percent = (e.loaded / e.total) * 100;
|
|
||||||
$('.cm-progress-left').width(percent / 2 + '%');
|
|
||||||
$('.cm-progress-right').width(percent / 2 + '%');
|
|
||||||
},
|
|
||||||
false
|
|
||||||
);
|
|
||||||
return xhr;
|
|
||||||
},
|
|
||||||
success: res => {
|
|
||||||
$('.cm-progress-left').width(0);
|
|
||||||
$('.cm-progress-right').width(0);
|
|
||||||
this._isPasting = false;
|
|
||||||
const str = `${super._getLineCh(cm) ? '\n' : ''}![${res[1].title}](${res[0]})\n`;
|
|
||||||
super._replaceSelection(cm, str);
|
|
||||||
cm.focus();
|
|
||||||
},
|
|
||||||
error: () => {
|
|
||||||
$('.cm-progress-left').width(0);
|
|
||||||
$('.cm-progress-right').width(0);
|
|
||||||
this._isPasting = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
})
|
if (!blob) return;
|
||||||
]
|
let api = $('script[api]').attr('api');
|
||||||
})
|
if (!api) return;
|
||||||
});
|
const cid = $('input[name="cid"]').val();
|
||||||
$('.cm-mainer').prepend(cm.dom);
|
cid && (api = api + '&cid=' + cid);
|
||||||
$('#text')[0].form && $('#text')[0].form.addEventListener('submit', () => $('#text').val(cm.state.doc.toString()));
|
if (this._isPasting) return;
|
||||||
this.cm = cm;
|
this._isPasting = true;
|
||||||
} catch (e) {
|
const fileName = Date.now().toString(36) + '.png';
|
||||||
console.error('Init_Editor Error: ' + e);
|
let formData = new FormData();
|
||||||
}
|
formData.append('name', fileName);
|
||||||
|
formData.append('file', blob, fileName);
|
||||||
|
$.ajax({
|
||||||
|
url: api,
|
||||||
|
method: 'post',
|
||||||
|
data: formData,
|
||||||
|
contentType: false,
|
||||||
|
processData: false,
|
||||||
|
dataType: 'json',
|
||||||
|
xhr: () => {
|
||||||
|
const xhr = $.ajaxSettings.xhr();
|
||||||
|
if (!xhr.upload) return;
|
||||||
|
xhr.upload.addEventListener(
|
||||||
|
'progress',
|
||||||
|
e => {
|
||||||
|
let percent = (e.loaded / e.total) * 100;
|
||||||
|
$('.cm-progress-left').width(percent / 2 + '%');
|
||||||
|
$('.cm-progress-right').width(percent / 2 + '%');
|
||||||
|
},
|
||||||
|
false
|
||||||
|
);
|
||||||
|
return xhr;
|
||||||
|
},
|
||||||
|
success: res => {
|
||||||
|
$('.cm-progress-left').width(0);
|
||||||
|
$('.cm-progress-right').width(0);
|
||||||
|
this._isPasting = false;
|
||||||
|
const str = `${super._getLineCh(cm) ? '\n' : ''}![${res[1].title}](${res[0]})\n`;
|
||||||
|
super._replaceSelection(cm, str);
|
||||||
|
cm.focus();
|
||||||
|
},
|
||||||
|
error: () => {
|
||||||
|
$('.cm-progress-left').width(0);
|
||||||
|
$('.cm-progress-right').width(0);
|
||||||
|
this._isPasting = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
]
|
||||||
|
})
|
||||||
|
});
|
||||||
|
$('.cm-mainer').prepend(cm.dom);
|
||||||
|
$('#text')[0].form && $('#text')[0].form.addEventListener('submit', () => $('#text').val(cm.state.doc.toString()));
|
||||||
|
this.cm = cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 已测 √ */
|
/* 已测 √ */
|
||||||
@ -565,7 +168,7 @@ class Joe extends JoeAction {
|
|||||||
|
|
||||||
/* 已测 √ */
|
/* 已测 √ */
|
||||||
init_Tools() {
|
init_Tools() {
|
||||||
this.tools.forEach(item => {
|
tools.forEach(item => {
|
||||||
if (item.type === 'title') {
|
if (item.type === 'title') {
|
||||||
super.handleTitle(this.cm, item);
|
super.handleTitle(this.cm, item);
|
||||||
} else {
|
} else {
|
||||||
@ -636,6 +239,9 @@ class Joe extends JoeAction {
|
|||||||
case 'about':
|
case 'about':
|
||||||
super.handleAbout();
|
super.handleAbout();
|
||||||
break;
|
break;
|
||||||
|
case 'character':
|
||||||
|
super.handleCharacter(this.cm);
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
$('.cm-tools').append(el);
|
$('.cm-tools').append(el);
|
||||||
@ -645,15 +251,11 @@ class Joe extends JoeAction {
|
|||||||
|
|
||||||
/* 已测 √ */
|
/* 已测 √ */
|
||||||
init_Insert() {
|
init_Insert() {
|
||||||
try {
|
Typecho.insertFileToEditor = (file, url, isImage) => {
|
||||||
Typecho.insertFileToEditor = (file, url, isImage) => {
|
const str = `${super._getLineCh(this.cm) ? '\n' : ''}${isImage ? '!' : ''}[${file}](${url})\n`;
|
||||||
const str = `${super._getLineCh(this.cm) ? '\n' : ''}${isImage ? '!' : ''}[${file}](${url})\n`;
|
super._replaceSelection(this.cm, str);
|
||||||
super._replaceSelection(this.cm, str);
|
this.cm.focus();
|
||||||
this.cm.focus();
|
};
|
||||||
};
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Init_Insert Error: ' + e);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
import { nodeResolve } from '@rollup/plugin-node-resolve';
|
import { nodeResolve } from '@rollup/plugin-node-resolve';
|
||||||
import { uglify } from 'rollup-plugin-uglify';
|
import { uglify } from 'rollup-plugin-uglify';
|
||||||
export default {
|
export default {
|
||||||
input: './js/joe.write.js',
|
input: './js/joe.write.js',
|
||||||
output: {
|
output: {
|
||||||
file: './js/joe.write.chunk.js',
|
file: './js/joe.write.chunk.js',
|
||||||
format: 'iife'
|
format: 'iife'
|
||||||
},
|
},
|
||||||
plugins: [nodeResolve()]
|
plugins: [nodeResolve(), uglify()]
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user