mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2025-04-06 02:37:14 +00:00
feat: try prosemirror instead
This commit is contained in:
linonetwo
parent
221193a587
commit
cec30f9ed2
@ -5,7 +5,7 @@
|
||||
"tiddlywiki/filesystem",
|
||||
"tiddlywiki/highlight",
|
||||
"tiddlywiki/internals",
|
||||
"tiddlywiki/editorjs"
|
||||
"tiddlywiki/prosemirror"
|
||||
],
|
||||
"themes": [
|
||||
"tiddlywiki/vanilla",
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,15 +0,0 @@
|
||||
/**
|
||||
* Skipped minification because the original files appears to be already minified.
|
||||
* Original file: /npm/@editorjs/header@2.8.8/dist/header.umd.js
|
||||
*
|
||||
* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
|
||||
*/
|
||||
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ce-header{padding:.6em 0 3px;margin:0;line-height:1.25em;outline:none}.ce-header p,.ce-header div{padding:0!important;margin:0!important}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
|
||||
(function(n,s){typeof exports=="object"&&typeof module<"u"?module.exports=s():typeof define=="function"&&define.amd?define(s):(n=typeof globalThis<"u"?globalThis:n||self,n.Header=s())})(this,function(){"use strict";const n="",s='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19 17V10.2135C19 10.1287 18.9011 10.0824 18.836 10.1367L16 12.5"/></svg>',a='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 11C16 10 19 9.5 19 12C19 13.9771 16.0684 13.9997 16.0012 16.8981C15.9999 16.9533 16.0448 17 16.1 17L19.3 17"/></svg>',h='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 11C16 10.5 16.8323 10 17.6 10C18.3677 10 19.5 10.311 19.5 11.5C19.5 12.5315 18.7474 12.9022 18.548 12.9823C18.5378 12.9864 18.5395 13.0047 18.5503 13.0063C18.8115 13.0456 20 13.3065 20 14.8C20 16 19.5 17 17.8 17C17.8 17 16 17 16 16.3"/></svg>',d='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M18 10L15.2834 14.8511C15.246 14.9178 15.294 15 15.3704 15C16.8489 15 18.7561 15 20.2 15M19 17C19 15.7187 19 14.8813 19 13.6"/></svg>',u='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 15.9C16 15.9 16.3768 17 17.8 17C19.5 17 20 15.6199 20 14.7C20 12.7323 17.6745 12.0486 16.1635 12.9894C16.094 13.0327 16 12.9846 16 12.9027V10.1C16 10.0448 16.0448 10 16.1 10H19.8"/></svg>',g='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19.5 10C16.5 10.5 16 13.3285 16 15M16 15V15C16 16.1046 16.8954 17 18 17H18.3246C19.3251 17 20.3191 16.3492 20.2522 15.3509C20.0612 12.4958 16 12.6611 16 15Z"/></svg>',c='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M9 7L9 12M9 17V12M9 12L15 12M15 7V12M15 17L15 12"/></svg>';/**
|
||||
* Header block for the Editor.js.
|
||||
*
|
||||
* @author CodeX (team@ifmo.su)
|
||||
* @copyright CodeX 2018
|
||||
* @license MIT
|
||||
* @version 2.0.0
|
||||
*/class v{constructor({data:e,config:t,api:i,readOnly:r}){this.api=i,this.readOnly=r,this._settings=t,this._data=this.normalizeData(e),this._element=this.getTag()}get _CSS(){return{block:this.api.styles.block,wrapper:"ce-header"}}isHeaderData(e){return e.text!==void 0}normalizeData(e){const t={text:"",level:this.defaultLevel.number};return this.isHeaderData(e)&&(t.text=e.text||"",e.level!==void 0&&!isNaN(parseInt(e.level.toString()))&&(t.level=parseInt(e.level.toString()))),t}render(){return this._element}renderSettings(){return this.levels.map(e=>({icon:e.svg,label:this.api.i18n.t(`Heading ${e.number}`),onActivate:()=>this.setLevel(e.number),closeOnActivate:!0,isActive:this.currentLevel.number===e.number,render:()=>document.createElement("div")}))}setLevel(e){this.data={level:e,text:this.data.text}}merge(e){this._element.insertAdjacentHTML("beforeend",e.text)}validate(e){return e.text.trim()!==""}save(e){return{text:e.innerHTML,level:this.currentLevel.number}}static get conversionConfig(){return{export:"text",import:"text"}}static get sanitize(){return{level:!1,text:{}}}static get isReadOnlySupported(){return!0}get data(){return this._data.text=this._element.innerHTML,this._data.level=this.currentLevel.number,this._data}set data(e){if(this._data=this.normalizeData(e),e.level!==void 0&&this._element.parentNode){const t=this.getTag();t.innerHTML=this._element.innerHTML,this._element.parentNode.replaceChild(t,this._element),this._element=t}e.text!==void 0&&(this._element.innerHTML=this._data.text||"")}getTag(){const e=document.createElement(this.currentLevel.tag);return e.innerHTML=this._data.text||"",e.classList.add(this._CSS.wrapper),e.contentEditable=this.readOnly?"false":"true",e.dataset.placeholder=this.api.i18n.t(this._settings.placeholder||""),e}get currentLevel(){let e=this.levels.find(t=>t.number===this._data.level);return e||(e=this.defaultLevel),e}get defaultLevel(){if(this._settings.defaultLevel){const e=this.levels.find(t=>t.number===this._settings.defaultLevel);if(e)return e;console.warn("(ง'̀-'́)ง Heading Tool: the default level specified was not found in available levels")}return this.levels[1]}get levels(){const e=[{number:1,tag:"H1",svg:s},{number:2,tag:"H2",svg:a},{number:3,tag:"H3",svg:h},{number:4,tag:"H4",svg:d},{number:5,tag:"H5",svg:u},{number:6,tag:"H6",svg:g}];return this._settings.levels?e.filter(t=>this._settings.levels.includes(t.number)):e}onPaste(e){const t=e.detail;if("data"in t){const i=t.data;let r=this.defaultLevel.number;switch(i.tagName){case"H1":r=1;break;case"H2":r=2;break;case"H3":r=3;break;case"H4":r=4;break;case"H5":r=5;break;case"H6":r=6;break}this._settings.levels&&(r=this._settings.levels.reduce((o,l)=>Math.abs(l-r)<Math.abs(o-r)?l:o)),this.data={level:r,text:i.innerHTML}}}static get pasteConfig(){return{tags:["H1","H2","H3","H4","H5","H6"]}}static get toolbox(){return{icon:c,title:"Heading"}}}return v});
|
||||
@ -1,26 +0,0 @@
|
||||
{
|
||||
"tiddlers": [
|
||||
{
|
||||
"file": "editorjs.umd.js",
|
||||
"fields": {
|
||||
"type": "application/javascript",
|
||||
"title": "$:/plugins/tiddlywiki/editorjs/lib/editorjs.js",
|
||||
"module-type": "library"
|
||||
}
|
||||
},{
|
||||
"file": "editorjs-list.umd.js",
|
||||
"fields": {
|
||||
"type": "application/javascript",
|
||||
"title": "$:/plugins/tiddlywiki/editorjs/lib/editorjs-list.js",
|
||||
"module-type": "library"
|
||||
}
|
||||
},{
|
||||
"file": "header.umd.js",
|
||||
"fields": {
|
||||
"type": "application/javascript",
|
||||
"title": "$:/plugins/tiddlywiki/editorjs/lib/header.js",
|
||||
"module-type": "library"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -1,14 +0,0 @@
|
||||
title: $:/plugins/tiddlywiki/editorjs/readme
|
||||
|
||||
Test Test
|
||||
|
||||
<$editorjs />
|
||||
|
||||
Downloaded from Github releases:
|
||||
|
||||
* [ext[EditorJs|https://github.com/codex-team/editor.js/releases]]: 2.31.0-rc.9
|
||||
|
||||
Downloaded from JsDelivr CDN:
|
||||
|
||||
* [ext[Heading|https://github.com/editor-js/header]]: 2.8.8
|
||||
* [ext[List|https://github.com/editor-js/list]]: 2.0.6
|
||||
@ -1,90 +0,0 @@
|
||||
/*\
|
||||
title: $:/plugins/tiddlywiki/editorjs/widget.js
|
||||
type: application/javascript
|
||||
module-type: widget
|
||||
|
||||
Text node widget
|
||||
|
||||
\*/
|
||||
|
||||
"use strict";
|
||||
|
||||
var Widget = require("$:/core/modules/widgets/widget.js").widget;
|
||||
var debounce = require("$:/core/modules/utils/debounce.js").debounce;
|
||||
|
||||
var EditorJSWidget = function(parseTreeNode,options) {
|
||||
this.initialise(parseTreeNode,options);
|
||||
};
|
||||
|
||||
/*
|
||||
Inherit from the base widget class
|
||||
*/
|
||||
EditorJSWidget.prototype = new Widget();
|
||||
|
||||
/*
|
||||
Render this widget into the DOM
|
||||
*/
|
||||
EditorJSWidget.prototype.render = function(parent,nextSibling) {
|
||||
this.parentDomNode = parent;
|
||||
this.computeAttributes();
|
||||
this.execute();
|
||||
var container = $tw.utils.domMaker('div', {
|
||||
class: 'tc-editorjs-container',
|
||||
});
|
||||
var EditorJS = require("$:/plugins/tiddlywiki/editorjs/lib/editorjs.js");
|
||||
var List = require("$:/plugins/tiddlywiki/editorjs/lib/editorjs-list.js");
|
||||
var Header = require("$:/plugins/tiddlywiki/editorjs/lib/header.js");
|
||||
const editor = new EditorJS({
|
||||
holder: container,
|
||||
tools: {
|
||||
list: List,
|
||||
header: Header
|
||||
},
|
||||
onChange: this.debouncedSaveEditorContent.bind(this)
|
||||
});
|
||||
this.editor = editor;
|
||||
|
||||
editor.isReady
|
||||
.then(() => {
|
||||
console.log('Editor.js is ready to work!', editor.onChange);
|
||||
})
|
||||
.catch((reason) => {
|
||||
console.log('Editor.js initialization failed because of', reason)
|
||||
});
|
||||
|
||||
parent.insertBefore(container,nextSibling);
|
||||
this.domNodes.push(container);
|
||||
};
|
||||
|
||||
EditorJSWidget.prototype.saveEditorContent = function() {
|
||||
this.editor.save().then((outputData) => {
|
||||
console.log('Article data: ', outputData)
|
||||
}).catch((error) => {
|
||||
console.log('Saving failed: ', error)
|
||||
});
|
||||
}
|
||||
|
||||
// Debounced save function for performance
|
||||
EditorJSWidget.prototype.debouncedSaveEditorContent = debounce(EditorJSWidget.prototype.saveEditorContent, 300);
|
||||
|
||||
/*
|
||||
Compute the internal state of the widget
|
||||
*/
|
||||
EditorJSWidget.prototype.execute = function() {
|
||||
// Nothing to do for a text node
|
||||
};
|
||||
|
||||
/*
|
||||
Selectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering
|
||||
*/
|
||||
EditorJSWidget.prototype.refresh = function(changedTiddlers) {
|
||||
var changedAttributes = this.computeAttributes();
|
||||
if(changedAttributes.text) {
|
||||
this.refreshSelf();
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
exports.editorjs = EditorJSWidget;
|
||||
@ -1,9 +1,9 @@
|
||||
/*\
|
||||
title: $:/plugins/tiddlywiki/editorjs/ast/wikiAstFromEditorJSAst.js
|
||||
title: $:/plugins/tiddlywiki/prosemirror/ast/wikiAstFromProsemirrorAst.js
|
||||
type: application/javascript
|
||||
module-type: library
|
||||
|
||||
Get the EditorJS AST from a Wiki AST
|
||||
Get the Prosemirror AST from a Wiki AST
|
||||
|
||||
\*/
|
||||
|
||||
@ -30,11 +30,11 @@ const builders = {
|
||||
set,
|
||||
};
|
||||
|
||||
function wikiAstFromEditorJSAst(input) {
|
||||
function wikiAstFromProsemirrorAst(input) {
|
||||
return convertNodes(builders, Array.isArray(input) ? input : [input]);
|
||||
}
|
||||
|
||||
exports.wikiAstFromEditorJSAst = wikiAstFromEditorJSAst;
|
||||
exports.wikiAstFromProsemirrorAst = wikiAstFromProsemirrorAst;
|
||||
|
||||
function convertNodes(builders, nodes) {
|
||||
if (nodes === undefined || nodes.length === 0) {
|
||||
@ -1,16 +1,16 @@
|
||||
/*\
|
||||
title: $:/plugins/tiddlywiki/editorjs/ast/wikiAstToEditorJSAst.js
|
||||
title: $:/plugins/tiddlywiki/prosemirror/ast/wikiAstToProsemirrorAst.js
|
||||
type: application/javascript
|
||||
module-type: library
|
||||
|
||||
Get the EditorJS AST from a Wiki AST
|
||||
Get the Prosemirror AST from a Wiki AST
|
||||
|
||||
\*/
|
||||
function wikiAstToEditorJSAst(node, options) {
|
||||
function wikiAstToProsemirrorAst(node, options) {
|
||||
return convertNodes({ ...initialContext, ...options }, Array.isArray(node) ? node : [node]);
|
||||
}
|
||||
|
||||
exports.wikiAstToEditorJSAst = wikiAstToEditorJSAst;
|
||||
exports.wikiAstToProsemirrorAst = wikiAstToProsemirrorAst;
|
||||
|
||||
const initialContext = {
|
||||
builders,
|
||||
@ -23,21 +23,21 @@ function convertNodes(context, nodes) {
|
||||
}
|
||||
|
||||
return nodes.reduce((accumulator, node) => {
|
||||
return [...accumulator, ...editorJSNode(context, node)];
|
||||
return [...accumulator, ...prosemirrorNode(context, node)];
|
||||
}, []);
|
||||
}
|
||||
|
||||
function editorJSNode(context, node) {
|
||||
function prosemirrorNode(context, node) {
|
||||
const id = context.idCreator?.();
|
||||
const withId = (nodeToAddId) => (id === undefined ? nodeToAddId : { ...nodeToAddId, id });
|
||||
if ('rule' in node && node.rule !== undefined && node.rule in context.builders) {
|
||||
const builder = context.builders[node.rule];
|
||||
if (typeof builder === 'function') {
|
||||
// basic elements
|
||||
const builtEditorJSNodeOrNodes = builder(context, node);
|
||||
return Array.isArray(builtEditorJSNodeOrNodes)
|
||||
? builtEditorJSNodeOrNodes.map((child) => withId(child))
|
||||
: ([withId(builtEditorJSNodeOrNodes)]);
|
||||
const builtProsemirrorNodeOrNodes = builder(context, node);
|
||||
return Array.isArray(builtProsemirrorNodeOrNodes)
|
||||
? builtProsemirrorNodeOrNodes.map((child) => withId(child))
|
||||
: ([withId(builtProsemirrorNodeOrNodes)]);
|
||||
}
|
||||
} else if ('text' in node) {
|
||||
// text node
|
||||
@ -0,0 +1,469 @@
|
||||
'use strict';
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||||
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
||||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
||||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||||
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
||||
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
||||
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
||||
var prosemirrorKeymap = require('prosemirror-keymap');
|
||||
var prosemirrorHistory = require('prosemirror-history');
|
||||
var prosemirrorCommands = require('prosemirror-commands');
|
||||
var prosemirrorState = require('prosemirror-state');
|
||||
var prosemirrorDropcursor = require('prosemirror-dropcursor');
|
||||
var prosemirrorGapcursor = require('prosemirror-gapcursor');
|
||||
var prosemirrorMenu = require('prosemirror-menu');
|
||||
var prosemirrorSchemaList = require('prosemirror-schema-list');
|
||||
var prosemirrorInputrules = require('prosemirror-inputrules');
|
||||
var prefix = "ProseMirror-prompt";
|
||||
function openPrompt(options) {
|
||||
var wrapper = document.body.appendChild(document.createElement("div"));
|
||||
wrapper.className = prefix;
|
||||
var mouseOutside = function mouseOutside(e) {
|
||||
if (!wrapper.contains(e.target)) close();
|
||||
};
|
||||
setTimeout(function () {
|
||||
return window.addEventListener("mousedown", mouseOutside);
|
||||
}, 50);
|
||||
var close = function close() {
|
||||
window.removeEventListener("mousedown", mouseOutside);
|
||||
if (wrapper.parentNode) wrapper.parentNode.removeChild(wrapper);
|
||||
};
|
||||
var domFields = [];
|
||||
for (var name in options.fields) domFields.push(options.fields[name].render());
|
||||
var submitButton = document.createElement("button");
|
||||
submitButton.type = "submit";
|
||||
submitButton.className = prefix + "-submit";
|
||||
submitButton.textContent = "OK";
|
||||
var cancelButton = document.createElement("button");
|
||||
cancelButton.type = "button";
|
||||
cancelButton.className = prefix + "-cancel";
|
||||
cancelButton.textContent = "Cancel";
|
||||
cancelButton.addEventListener("click", close);
|
||||
var form = wrapper.appendChild(document.createElement("form"));
|
||||
if (options.title) form.appendChild(document.createElement("h5")).textContent = options.title;
|
||||
domFields.forEach(function (field) {
|
||||
form.appendChild(document.createElement("div")).appendChild(field);
|
||||
});
|
||||
var buttons = form.appendChild(document.createElement("div"));
|
||||
buttons.className = prefix + "-buttons";
|
||||
buttons.appendChild(submitButton);
|
||||
buttons.appendChild(document.createTextNode(" "));
|
||||
buttons.appendChild(cancelButton);
|
||||
var box = wrapper.getBoundingClientRect();
|
||||
wrapper.style.top = (window.innerHeight - box.height) / 2 + "px";
|
||||
wrapper.style.left = (window.innerWidth - box.width) / 2 + "px";
|
||||
var submit = function submit() {
|
||||
var params = getValues(options.fields, domFields);
|
||||
if (params) {
|
||||
close();
|
||||
options.callback(params);
|
||||
}
|
||||
};
|
||||
form.addEventListener("submit", function (e) {
|
||||
e.preventDefault();
|
||||
submit();
|
||||
});
|
||||
form.addEventListener("keydown", function (e) {
|
||||
if (e.keyCode == 27) {
|
||||
e.preventDefault();
|
||||
close();
|
||||
} else if (e.keyCode == 13 && !(e.ctrlKey || e.metaKey || e.shiftKey)) {
|
||||
e.preventDefault();
|
||||
submit();
|
||||
} else if (e.keyCode == 9) {
|
||||
window.setTimeout(function () {
|
||||
if (!wrapper.contains(document.activeElement)) close();
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
var input = form.elements[0];
|
||||
if (input) input.focus();
|
||||
}
|
||||
function getValues(fields, domFields) {
|
||||
var result = Object.create(null),
|
||||
i = 0;
|
||||
for (var name in fields) {
|
||||
var field = fields[name],
|
||||
dom = domFields[i++];
|
||||
var value = field.read(dom),
|
||||
bad = field.validate(value);
|
||||
if (bad) {
|
||||
reportInvalid(dom, bad);
|
||||
return null;
|
||||
}
|
||||
result[name] = field.clean(value);
|
||||
}
|
||||
return result;
|
||||
}
|
||||
function reportInvalid(dom, message) {
|
||||
var parent = dom.parentNode;
|
||||
var msg = parent.appendChild(document.createElement("div"));
|
||||
msg.style.left = dom.offsetLeft + dom.offsetWidth + 2 + "px";
|
||||
msg.style.top = dom.offsetTop - 5 + "px";
|
||||
msg.className = "ProseMirror-invalid";
|
||||
msg.textContent = message;
|
||||
setTimeout(function () {
|
||||
return parent.removeChild(msg);
|
||||
}, 1500);
|
||||
}
|
||||
var Field = function () {
|
||||
function Field(options) {
|
||||
_classCallCheck(this, Field);
|
||||
this.options = options;
|
||||
}
|
||||
_createClass(Field, [{
|
||||
key: "read",
|
||||
value: function read(dom) {
|
||||
return dom.value;
|
||||
}
|
||||
}, {
|
||||
key: "validateType",
|
||||
value: function validateType(value) {
|
||||
return null;
|
||||
}
|
||||
}, {
|
||||
key: "validate",
|
||||
value: function validate(value) {
|
||||
if (!value && this.options.required) return "Required field";
|
||||
return this.validateType(value) || (this.options.validate ? this.options.validate(value) : null);
|
||||
}
|
||||
}, {
|
||||
key: "clean",
|
||||
value: function clean(value) {
|
||||
return this.options.clean ? this.options.clean(value) : value;
|
||||
}
|
||||
}]);
|
||||
return Field;
|
||||
}();
|
||||
var TextField = function (_Field) {
|
||||
_inherits(TextField, _Field);
|
||||
var _super = _createSuper(TextField);
|
||||
function TextField() {
|
||||
_classCallCheck(this, TextField);
|
||||
return _super.apply(this, arguments);
|
||||
}
|
||||
_createClass(TextField, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var input = document.createElement("input");
|
||||
input.type = "text";
|
||||
input.placeholder = this.options.label;
|
||||
input.value = this.options.value || "";
|
||||
input.autocomplete = "off";
|
||||
return input;
|
||||
}
|
||||
}]);
|
||||
return TextField;
|
||||
}(Field);
|
||||
function canInsert(state, nodeType) {
|
||||
var $from = state.selection.$from;
|
||||
for (var d = $from.depth; d >= 0; d--) {
|
||||
var index = $from.index(d);
|
||||
if ($from.node(d).canReplaceWith(index, index, nodeType)) return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
function insertImageItem(nodeType) {
|
||||
return new prosemirrorMenu.MenuItem({
|
||||
title: "Insert image",
|
||||
label: "Image",
|
||||
enable: function enable(state) {
|
||||
return canInsert(state, nodeType);
|
||||
},
|
||||
run: function run(state, _, view) {
|
||||
var _state$selection = state.selection,
|
||||
from = _state$selection.from,
|
||||
to = _state$selection.to,
|
||||
attrs = null;
|
||||
if (state.selection instanceof prosemirrorState.NodeSelection && state.selection.node.type == nodeType) attrs = state.selection.node.attrs;
|
||||
openPrompt({
|
||||
title: "Insert image",
|
||||
fields: {
|
||||
src: new TextField({
|
||||
label: "Location",
|
||||
required: true,
|
||||
value: attrs && attrs.src
|
||||
}),
|
||||
title: new TextField({
|
||||
label: "Title",
|
||||
value: attrs && attrs.title
|
||||
}),
|
||||
alt: new TextField({
|
||||
label: "Description",
|
||||
value: attrs ? attrs.alt : state.doc.textBetween(from, to, " ")
|
||||
})
|
||||
},
|
||||
callback: function callback(attrs) {
|
||||
view.dispatch(view.state.tr.replaceSelectionWith(nodeType.createAndFill(attrs)));
|
||||
view.focus();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
function cmdItem(cmd, options) {
|
||||
var passedOptions = {
|
||||
label: options.title,
|
||||
run: cmd
|
||||
};
|
||||
for (var prop in options) passedOptions[prop] = options[prop];
|
||||
if (!options.enable && !options.select) passedOptions[options.enable ? "enable" : "select"] = function (state) {
|
||||
return cmd(state);
|
||||
};
|
||||
return new prosemirrorMenu.MenuItem(passedOptions);
|
||||
}
|
||||
function markActive(state, type) {
|
||||
var _state$selection2 = state.selection,
|
||||
from = _state$selection2.from,
|
||||
$from = _state$selection2.$from,
|
||||
to = _state$selection2.to,
|
||||
empty = _state$selection2.empty;
|
||||
if (empty) return !!type.isInSet(state.storedMarks || $from.marks());else return state.doc.rangeHasMark(from, to, type);
|
||||
}
|
||||
function markItem(markType, options) {
|
||||
var passedOptions = {
|
||||
active: function active(state) {
|
||||
return markActive(state, markType);
|
||||
}
|
||||
};
|
||||
for (var prop in options) passedOptions[prop] = options[prop];
|
||||
return cmdItem(prosemirrorCommands.toggleMark(markType), passedOptions);
|
||||
}
|
||||
function linkItem(markType) {
|
||||
return new prosemirrorMenu.MenuItem({
|
||||
title: "Add or remove link",
|
||||
icon: prosemirrorMenu.icons.link,
|
||||
active: function active(state) {
|
||||
return markActive(state, markType);
|
||||
},
|
||||
enable: function enable(state) {
|
||||
return !state.selection.empty;
|
||||
},
|
||||
run: function run(state, dispatch, view) {
|
||||
if (markActive(state, markType)) {
|
||||
prosemirrorCommands.toggleMark(markType)(state, dispatch);
|
||||
return true;
|
||||
}
|
||||
openPrompt({
|
||||
title: "Create a link",
|
||||
fields: {
|
||||
href: new TextField({
|
||||
label: "Link target",
|
||||
required: true
|
||||
}),
|
||||
title: new TextField({
|
||||
label: "Title"
|
||||
})
|
||||
},
|
||||
callback: function callback(attrs) {
|
||||
prosemirrorCommands.toggleMark(markType, attrs)(view.state, view.dispatch);
|
||||
view.focus();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
function wrapListItem(nodeType, options) {
|
||||
return cmdItem(prosemirrorSchemaList.wrapInList(nodeType, options.attrs), options);
|
||||
}
|
||||
function buildMenuItems(schema) {
|
||||
var r = {};
|
||||
var mark;
|
||||
if (mark = schema.marks.strong) r.toggleStrong = markItem(mark, {
|
||||
title: "Toggle strong style",
|
||||
icon: prosemirrorMenu.icons.strong
|
||||
});
|
||||
if (mark = schema.marks.em) r.toggleEm = markItem(mark, {
|
||||
title: "Toggle emphasis",
|
||||
icon: prosemirrorMenu.icons.em
|
||||
});
|
||||
if (mark = schema.marks.code) r.toggleCode = markItem(mark, {
|
||||
title: "Toggle code font",
|
||||
icon: prosemirrorMenu.icons.code
|
||||
});
|
||||
if (mark = schema.marks.link) r.toggleLink = linkItem(mark);
|
||||
var node;
|
||||
if (node = schema.nodes.image) r.insertImage = insertImageItem(node);
|
||||
if (node = schema.nodes.bullet_list) r.wrapBulletList = wrapListItem(node, {
|
||||
title: "Wrap in bullet list",
|
||||
icon: prosemirrorMenu.icons.bulletList
|
||||
});
|
||||
if (node = schema.nodes.ordered_list) r.wrapOrderedList = wrapListItem(node, {
|
||||
title: "Wrap in ordered list",
|
||||
icon: prosemirrorMenu.icons.orderedList
|
||||
});
|
||||
if (node = schema.nodes.blockquote) r.wrapBlockQuote = prosemirrorMenu.wrapItem(node, {
|
||||
title: "Wrap in block quote",
|
||||
icon: prosemirrorMenu.icons.blockquote
|
||||
});
|
||||
if (node = schema.nodes.paragraph) r.makeParagraph = prosemirrorMenu.blockTypeItem(node, {
|
||||
title: "Change to paragraph",
|
||||
label: "Plain"
|
||||
});
|
||||
if (node = schema.nodes.code_block) r.makeCodeBlock = prosemirrorMenu.blockTypeItem(node, {
|
||||
title: "Change to code block",
|
||||
label: "Code"
|
||||
});
|
||||
if (node = schema.nodes.heading) for (var i = 1; i <= 10; i++) r["makeHead" + i] = prosemirrorMenu.blockTypeItem(node, {
|
||||
title: "Change to heading " + i,
|
||||
label: "Level " + i,
|
||||
attrs: {
|
||||
level: i
|
||||
}
|
||||
});
|
||||
if (node = schema.nodes.horizontal_rule) {
|
||||
var hr = node;
|
||||
r.insertHorizontalRule = new prosemirrorMenu.MenuItem({
|
||||
title: "Insert horizontal rule",
|
||||
label: "Horizontal rule",
|
||||
enable: function enable(state) {
|
||||
return canInsert(state, hr);
|
||||
},
|
||||
run: function run(state, dispatch) {
|
||||
dispatch(state.tr.replaceSelectionWith(hr.create()));
|
||||
}
|
||||
});
|
||||
}
|
||||
var cut = function cut(arr) {
|
||||
return arr.filter(function (x) {
|
||||
return x;
|
||||
});
|
||||
};
|
||||
r.insertMenu = new prosemirrorMenu.Dropdown(cut([r.insertImage, r.insertHorizontalRule]), {
|
||||
label: "Insert"
|
||||
});
|
||||
r.typeMenu = new prosemirrorMenu.Dropdown(cut([r.makeParagraph, r.makeCodeBlock, r.makeHead1 && new prosemirrorMenu.DropdownSubmenu(cut([r.makeHead1, r.makeHead2, r.makeHead3, r.makeHead4, r.makeHead5, r.makeHead6]), {
|
||||
label: "Heading"
|
||||
})]), {
|
||||
label: "Type..."
|
||||
});
|
||||
r.inlineMenu = [cut([r.toggleStrong, r.toggleEm, r.toggleCode, r.toggleLink])];
|
||||
r.blockMenu = [cut([r.wrapBulletList, r.wrapOrderedList, r.wrapBlockQuote, prosemirrorMenu.joinUpItem, prosemirrorMenu.liftItem, prosemirrorMenu.selectParentNodeItem])];
|
||||
r.fullMenu = r.inlineMenu.concat([[r.insertMenu, r.typeMenu]], [[prosemirrorMenu.undoItem, prosemirrorMenu.redoItem]], r.blockMenu);
|
||||
return r;
|
||||
}
|
||||
var mac = typeof navigator != "undefined" ? /Mac|iP(hone|[oa]d)/.test(navigator.platform) : false;
|
||||
function buildKeymap(schema, mapKeys) {
|
||||
var keys = {},
|
||||
type;
|
||||
function bind(key, cmd) {
|
||||
if (mapKeys) {
|
||||
var mapped = mapKeys[key];
|
||||
if (mapped === false) return;
|
||||
if (mapped) key = mapped;
|
||||
}
|
||||
keys[key] = cmd;
|
||||
}
|
||||
bind("Mod-z", prosemirrorHistory.undo);
|
||||
bind("Shift-Mod-z", prosemirrorHistory.redo);
|
||||
bind("Backspace", prosemirrorInputrules.undoInputRule);
|
||||
if (!mac) bind("Mod-y", prosemirrorHistory.redo);
|
||||
bind("Alt-ArrowUp", prosemirrorCommands.joinUp);
|
||||
bind("Alt-ArrowDown", prosemirrorCommands.joinDown);
|
||||
bind("Mod-BracketLeft", prosemirrorCommands.lift);
|
||||
bind("Escape", prosemirrorCommands.selectParentNode);
|
||||
if (type = schema.marks.strong) {
|
||||
bind("Mod-b", prosemirrorCommands.toggleMark(type));
|
||||
bind("Mod-B", prosemirrorCommands.toggleMark(type));
|
||||
}
|
||||
if (type = schema.marks.em) {
|
||||
bind("Mod-i", prosemirrorCommands.toggleMark(type));
|
||||
bind("Mod-I", prosemirrorCommands.toggleMark(type));
|
||||
}
|
||||
if (type = schema.marks.code) bind("Mod-`", prosemirrorCommands.toggleMark(type));
|
||||
if (type = schema.nodes.bullet_list) bind("Shift-Ctrl-8", prosemirrorSchemaList.wrapInList(type));
|
||||
if (type = schema.nodes.ordered_list) bind("Shift-Ctrl-9", prosemirrorSchemaList.wrapInList(type));
|
||||
if (type = schema.nodes.blockquote) bind("Ctrl->", prosemirrorCommands.wrapIn(type));
|
||||
if (type = schema.nodes.hard_break) {
|
||||
var br = type,
|
||||
cmd = prosemirrorCommands.chainCommands(prosemirrorCommands.exitCode, function (state, dispatch) {
|
||||
if (dispatch) dispatch(state.tr.replaceSelectionWith(br.create()).scrollIntoView());
|
||||
return true;
|
||||
});
|
||||
bind("Mod-Enter", cmd);
|
||||
bind("Shift-Enter", cmd);
|
||||
if (mac) bind("Ctrl-Enter", cmd);
|
||||
}
|
||||
if (type = schema.nodes.list_item) {
|
||||
bind("Enter", prosemirrorSchemaList.splitListItem(type));
|
||||
bind("Mod-[", prosemirrorSchemaList.liftListItem(type));
|
||||
bind("Mod-]", prosemirrorSchemaList.sinkListItem(type));
|
||||
}
|
||||
if (type = schema.nodes.paragraph) bind("Shift-Ctrl-0", prosemirrorCommands.setBlockType(type));
|
||||
if (type = schema.nodes.code_block) bind("Shift-Ctrl-\\", prosemirrorCommands.setBlockType(type));
|
||||
if (type = schema.nodes.heading) for (var i = 1; i <= 6; i++) bind("Shift-Ctrl-" + i, prosemirrorCommands.setBlockType(type, {
|
||||
level: i
|
||||
}));
|
||||
if (type = schema.nodes.horizontal_rule) {
|
||||
var hr = type;
|
||||
bind("Mod-_", function (state, dispatch) {
|
||||
if (dispatch) dispatch(state.tr.replaceSelectionWith(hr.create()).scrollIntoView());
|
||||
return true;
|
||||
});
|
||||
}
|
||||
return keys;
|
||||
}
|
||||
function blockQuoteRule(nodeType) {
|
||||
return prosemirrorInputrules.wrappingInputRule(/^\s*>\s$/, nodeType);
|
||||
}
|
||||
function orderedListRule(nodeType) {
|
||||
return prosemirrorInputrules.wrappingInputRule(/^(\d+)\.\s$/, nodeType, function (match) {
|
||||
return {
|
||||
order: +match[1]
|
||||
};
|
||||
}, function (match, node) {
|
||||
return node.childCount + node.attrs.order == +match[1];
|
||||
});
|
||||
}
|
||||
function bulletListRule(nodeType) {
|
||||
return prosemirrorInputrules.wrappingInputRule(/^\s*([-+*])\s$/, nodeType);
|
||||
}
|
||||
function codeBlockRule(nodeType) {
|
||||
return prosemirrorInputrules.textblockTypeInputRule(/^```$/, nodeType);
|
||||
}
|
||||
function headingRule(nodeType, maxLevel) {
|
||||
return prosemirrorInputrules.textblockTypeInputRule(new RegExp("^(#{1," + maxLevel + "})\\s$"), nodeType, function (match) {
|
||||
return {
|
||||
level: match[1].length
|
||||
};
|
||||
});
|
||||
}
|
||||
function buildInputRules(schema) {
|
||||
var rules = prosemirrorInputrules.smartQuotes.concat(prosemirrorInputrules.ellipsis, prosemirrorInputrules.emDash),
|
||||
type;
|
||||
if (type = schema.nodes.blockquote) rules.push(blockQuoteRule(type));
|
||||
if (type = schema.nodes.ordered_list) rules.push(orderedListRule(type));
|
||||
if (type = schema.nodes.bullet_list) rules.push(bulletListRule(type));
|
||||
if (type = schema.nodes.code_block) rules.push(codeBlockRule(type));
|
||||
if (type = schema.nodes.heading) rules.push(headingRule(type, 6));
|
||||
return prosemirrorInputrules.inputRules({
|
||||
rules: rules
|
||||
});
|
||||
}
|
||||
function exampleSetup(options) {
|
||||
var plugins = [buildInputRules(options.schema), prosemirrorKeymap.keymap(buildKeymap(options.schema, options.mapKeys)), prosemirrorKeymap.keymap(prosemirrorCommands.baseKeymap), prosemirrorDropcursor.dropCursor(), prosemirrorGapcursor.gapCursor()];
|
||||
if (options.menuBar !== false) plugins.push(prosemirrorMenu.menuBar({
|
||||
floating: options.floatingMenu !== false,
|
||||
content: options.menuContent || buildMenuItems(options.schema).fullMenu
|
||||
}));
|
||||
if (options.history !== false) plugins.push(prosemirrorHistory.history());
|
||||
return plugins.concat(new prosemirrorState.Plugin({
|
||||
props: {
|
||||
attributes: {
|
||||
"class": "ProseMirror-example-setup-style"
|
||||
}
|
||||
}
|
||||
}));
|
||||
}
|
||||
exports.buildInputRules = buildInputRules;
|
||||
exports.buildKeymap = buildKeymap;
|
||||
exports.buildMenuItems = buildMenuItems;
|
||||
exports.exampleSetup = exampleSetup;
|
||||
2893
plugins/tiddlywiki/prosemirror/files/prosemirror-model.cjs
Normal file
2893
plugins/tiddlywiki/prosemirror/files/prosemirror-model.cjs
Normal file
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,246 @@
|
||||
'use strict';
|
||||
|
||||
var prosemirrorModel = require('prosemirror-model');
|
||||
var pDOM = ["p", 0],
|
||||
blockquoteDOM = ["blockquote", 0],
|
||||
hrDOM = ["hr"],
|
||||
preDOM = ["pre", ["code", 0]],
|
||||
brDOM = ["br"];
|
||||
var nodes = {
|
||||
doc: {
|
||||
content: "block+"
|
||||
},
|
||||
paragraph: {
|
||||
content: "inline*",
|
||||
group: "block",
|
||||
parseDOM: [{
|
||||
tag: "p"
|
||||
}],
|
||||
toDOM: function toDOM() {
|
||||
return pDOM;
|
||||
}
|
||||
},
|
||||
blockquote: {
|
||||
content: "block+",
|
||||
group: "block",
|
||||
defining: true,
|
||||
parseDOM: [{
|
||||
tag: "blockquote"
|
||||
}],
|
||||
toDOM: function toDOM() {
|
||||
return blockquoteDOM;
|
||||
}
|
||||
},
|
||||
horizontal_rule: {
|
||||
group: "block",
|
||||
parseDOM: [{
|
||||
tag: "hr"
|
||||
}],
|
||||
toDOM: function toDOM() {
|
||||
return hrDOM;
|
||||
}
|
||||
},
|
||||
heading: {
|
||||
attrs: {
|
||||
level: {
|
||||
"default": 1,
|
||||
validate: "number"
|
||||
}
|
||||
},
|
||||
content: "inline*",
|
||||
group: "block",
|
||||
defining: true,
|
||||
parseDOM: [{
|
||||
tag: "h1",
|
||||
attrs: {
|
||||
level: 1
|
||||
}
|
||||
}, {
|
||||
tag: "h2",
|
||||
attrs: {
|
||||
level: 2
|
||||
}
|
||||
}, {
|
||||
tag: "h3",
|
||||
attrs: {
|
||||
level: 3
|
||||
}
|
||||
}, {
|
||||
tag: "h4",
|
||||
attrs: {
|
||||
level: 4
|
||||
}
|
||||
}, {
|
||||
tag: "h5",
|
||||
attrs: {
|
||||
level: 5
|
||||
}
|
||||
}, {
|
||||
tag: "h6",
|
||||
attrs: {
|
||||
level: 6
|
||||
}
|
||||
}],
|
||||
toDOM: function toDOM(node) {
|
||||
return ["h" + node.attrs.level, 0];
|
||||
}
|
||||
},
|
||||
code_block: {
|
||||
content: "text*",
|
||||
marks: "",
|
||||
group: "block",
|
||||
code: true,
|
||||
defining: true,
|
||||
parseDOM: [{
|
||||
tag: "pre",
|
||||
preserveWhitespace: "full"
|
||||
}],
|
||||
toDOM: function toDOM() {
|
||||
return preDOM;
|
||||
}
|
||||
},
|
||||
text: {
|
||||
group: "inline"
|
||||
},
|
||||
image: {
|
||||
inline: true,
|
||||
attrs: {
|
||||
src: {
|
||||
validate: "string"
|
||||
},
|
||||
alt: {
|
||||
"default": null,
|
||||
validate: "string|null"
|
||||
},
|
||||
title: {
|
||||
"default": null,
|
||||
validate: "string|null"
|
||||
}
|
||||
},
|
||||
group: "inline",
|
||||
draggable: true,
|
||||
parseDOM: [{
|
||||
tag: "img[src]",
|
||||
getAttrs: function getAttrs(dom) {
|
||||
return {
|
||||
src: dom.getAttribute("src"),
|
||||
title: dom.getAttribute("title"),
|
||||
alt: dom.getAttribute("alt")
|
||||
};
|
||||
}
|
||||
}],
|
||||
toDOM: function toDOM(node) {
|
||||
var _node$attrs = node.attrs,
|
||||
src = _node$attrs.src,
|
||||
alt = _node$attrs.alt,
|
||||
title = _node$attrs.title;
|
||||
return ["img", {
|
||||
src: src,
|
||||
alt: alt,
|
||||
title: title
|
||||
}];
|
||||
}
|
||||
},
|
||||
hard_break: {
|
||||
inline: true,
|
||||
group: "inline",
|
||||
selectable: false,
|
||||
parseDOM: [{
|
||||
tag: "br"
|
||||
}],
|
||||
toDOM: function toDOM() {
|
||||
return brDOM;
|
||||
}
|
||||
}
|
||||
};
|
||||
var emDOM = ["em", 0],
|
||||
strongDOM = ["strong", 0],
|
||||
codeDOM = ["code", 0];
|
||||
var marks = {
|
||||
link: {
|
||||
attrs: {
|
||||
href: {
|
||||
validate: "string"
|
||||
},
|
||||
title: {
|
||||
"default": null,
|
||||
validate: "string|null"
|
||||
}
|
||||
},
|
||||
inclusive: false,
|
||||
parseDOM: [{
|
||||
tag: "a[href]",
|
||||
getAttrs: function getAttrs(dom) {
|
||||
return {
|
||||
href: dom.getAttribute("href"),
|
||||
title: dom.getAttribute("title")
|
||||
};
|
||||
}
|
||||
}],
|
||||
toDOM: function toDOM(node) {
|
||||
var _node$attrs2 = node.attrs,
|
||||
href = _node$attrs2.href,
|
||||
title = _node$attrs2.title;
|
||||
return ["a", {
|
||||
href: href,
|
||||
title: title
|
||||
}, 0];
|
||||
}
|
||||
},
|
||||
em: {
|
||||
parseDOM: [{
|
||||
tag: "i"
|
||||
}, {
|
||||
tag: "em"
|
||||
}, {
|
||||
style: "font-style=italic"
|
||||
}, {
|
||||
style: "font-style=normal",
|
||||
clearMark: function clearMark(m) {
|
||||
return m.type.name == "em";
|
||||
}
|
||||
}],
|
||||
toDOM: function toDOM() {
|
||||
return emDOM;
|
||||
}
|
||||
},
|
||||
strong: {
|
||||
parseDOM: [{
|
||||
tag: "strong"
|
||||
}, {
|
||||
tag: "b",
|
||||
getAttrs: function getAttrs(node) {
|
||||
return node.style.fontWeight != "normal" && null;
|
||||
}
|
||||
}, {
|
||||
style: "font-weight=400",
|
||||
clearMark: function clearMark(m) {
|
||||
return m.type.name == "strong";
|
||||
}
|
||||
}, {
|
||||
style: "font-weight",
|
||||
getAttrs: function getAttrs(value) {
|
||||
return /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null;
|
||||
}
|
||||
}],
|
||||
toDOM: function toDOM() {
|
||||
return strongDOM;
|
||||
}
|
||||
},
|
||||
code: {
|
||||
code: true,
|
||||
parseDOM: [{
|
||||
tag: "code"
|
||||
}],
|
||||
toDOM: function toDOM() {
|
||||
return codeDOM;
|
||||
}
|
||||
}
|
||||
};
|
||||
var schema = new prosemirrorModel.Schema({
|
||||
nodes: nodes,
|
||||
marks: marks
|
||||
});
|
||||
exports.marks = marks;
|
||||
exports.nodes = nodes;
|
||||
exports.schema = schema;
|
||||
253
plugins/tiddlywiki/prosemirror/files/prosemirror-schema-list.cjs
Normal file
253
plugins/tiddlywiki/prosemirror/files/prosemirror-schema-list.cjs
Normal file
@ -0,0 +1,253 @@
|
||||
'use strict';
|
||||
|
||||
var prosemirrorTransform = require('prosemirror-transform');
|
||||
var prosemirrorModel = require('prosemirror-model');
|
||||
var prosemirrorState = require('prosemirror-state');
|
||||
var olDOM = ["ol", 0],
|
||||
ulDOM = ["ul", 0],
|
||||
liDOM = ["li", 0];
|
||||
var orderedList = {
|
||||
attrs: {
|
||||
order: {
|
||||
"default": 1,
|
||||
validate: "number"
|
||||
}
|
||||
},
|
||||
parseDOM: [{
|
||||
tag: "ol",
|
||||
getAttrs: function getAttrs(dom) {
|
||||
return {
|
||||
order: dom.hasAttribute("start") ? +dom.getAttribute("start") : 1
|
||||
};
|
||||
}
|
||||
}],
|
||||
toDOM: function toDOM(node) {
|
||||
return node.attrs.order == 1 ? olDOM : ["ol", {
|
||||
start: node.attrs.order
|
||||
}, 0];
|
||||
}
|
||||
};
|
||||
var bulletList = {
|
||||
parseDOM: [{
|
||||
tag: "ul"
|
||||
}],
|
||||
toDOM: function toDOM() {
|
||||
return ulDOM;
|
||||
}
|
||||
};
|
||||
var listItem = {
|
||||
parseDOM: [{
|
||||
tag: "li"
|
||||
}],
|
||||
toDOM: function toDOM() {
|
||||
return liDOM;
|
||||
},
|
||||
defining: true
|
||||
};
|
||||
function add(obj, props) {
|
||||
var copy = {};
|
||||
for (var prop in obj) copy[prop] = obj[prop];
|
||||
for (var _prop in props) copy[_prop] = props[_prop];
|
||||
return copy;
|
||||
}
|
||||
function addListNodes(nodes, itemContent, listGroup) {
|
||||
return nodes.append({
|
||||
ordered_list: add(orderedList, {
|
||||
content: "list_item+",
|
||||
group: listGroup
|
||||
}),
|
||||
bullet_list: add(bulletList, {
|
||||
content: "list_item+",
|
||||
group: listGroup
|
||||
}),
|
||||
list_item: add(listItem, {
|
||||
content: itemContent
|
||||
})
|
||||
});
|
||||
}
|
||||
function wrapInList(listType) {
|
||||
var attrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
||||
return function (state, dispatch) {
|
||||
var _state$selection = state.selection,
|
||||
$from = _state$selection.$from,
|
||||
$to = _state$selection.$to;
|
||||
var range = $from.blockRange($to);
|
||||
if (!range) return false;
|
||||
var tr = dispatch ? state.tr : null;
|
||||
if (!wrapRangeInList(tr, range, listType, attrs)) return false;
|
||||
if (dispatch) dispatch(tr.scrollIntoView());
|
||||
return true;
|
||||
};
|
||||
}
|
||||
function wrapRangeInList(tr, range, listType) {
|
||||
var attrs = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
||||
var doJoin = false,
|
||||
outerRange = range,
|
||||
doc = range.$from.doc;
|
||||
if (range.depth >= 2 && range.$from.node(range.depth - 1).type.compatibleContent(listType) && range.startIndex == 0) {
|
||||
if (range.$from.index(range.depth - 1) == 0) return false;
|
||||
var $insert = doc.resolve(range.start - 2);
|
||||
outerRange = new prosemirrorModel.NodeRange($insert, $insert, range.depth);
|
||||
if (range.endIndex < range.parent.childCount) range = new prosemirrorModel.NodeRange(range.$from, doc.resolve(range.$to.end(range.depth)), range.depth);
|
||||
doJoin = true;
|
||||
}
|
||||
var wrap = prosemirrorTransform.findWrapping(outerRange, listType, attrs, range);
|
||||
if (!wrap) return false;
|
||||
if (tr) doWrapInList(tr, range, wrap, doJoin, listType);
|
||||
return true;
|
||||
}
|
||||
function doWrapInList(tr, range, wrappers, joinBefore, listType) {
|
||||
var content = prosemirrorModel.Fragment.empty;
|
||||
for (var i = wrappers.length - 1; i >= 0; i--) content = prosemirrorModel.Fragment.from(wrappers[i].type.create(wrappers[i].attrs, content));
|
||||
tr.step(new prosemirrorTransform.ReplaceAroundStep(range.start - (joinBefore ? 2 : 0), range.end, range.start, range.end, new prosemirrorModel.Slice(content, 0, 0), wrappers.length, true));
|
||||
var found = 0;
|
||||
for (var _i = 0; _i < wrappers.length; _i++) if (wrappers[_i].type == listType) found = _i + 1;
|
||||
var splitDepth = wrappers.length - found;
|
||||
var splitPos = range.start + wrappers.length - (joinBefore ? 2 : 0),
|
||||
parent = range.parent;
|
||||
for (var _i2 = range.startIndex, e = range.endIndex, first = true; _i2 < e; _i2++, first = false) {
|
||||
if (!first && prosemirrorTransform.canSplit(tr.doc, splitPos, splitDepth)) {
|
||||
tr.split(splitPos, splitDepth);
|
||||
splitPos += 2 * splitDepth;
|
||||
}
|
||||
splitPos += parent.child(_i2).nodeSize;
|
||||
}
|
||||
return tr;
|
||||
}
|
||||
function splitListItem(itemType, itemAttrs) {
|
||||
return function (state, dispatch) {
|
||||
var _state$selection2 = state.selection,
|
||||
$from = _state$selection2.$from,
|
||||
$to = _state$selection2.$to,
|
||||
node = _state$selection2.node;
|
||||
if (node && node.isBlock || $from.depth < 2 || !$from.sameParent($to)) return false;
|
||||
var grandParent = $from.node(-1);
|
||||
if (grandParent.type != itemType) return false;
|
||||
if ($from.parent.content.size == 0 && $from.node(-1).childCount == $from.indexAfter(-1)) {
|
||||
if ($from.depth == 3 || $from.node(-3).type != itemType || $from.index(-2) != $from.node(-2).childCount - 1) return false;
|
||||
if (dispatch) {
|
||||
var wrap = prosemirrorModel.Fragment.empty;
|
||||
var depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3;
|
||||
for (var d = $from.depth - depthBefore; d >= $from.depth - 3; d--) wrap = prosemirrorModel.Fragment.from($from.node(d).copy(wrap));
|
||||
var depthAfter = $from.indexAfter(-1) < $from.node(-2).childCount ? 1 : $from.indexAfter(-2) < $from.node(-3).childCount ? 2 : 3;
|
||||
wrap = wrap.append(prosemirrorModel.Fragment.from(itemType.createAndFill()));
|
||||
var start = $from.before($from.depth - (depthBefore - 1));
|
||||
var _tr = state.tr.replace(start, $from.after(-depthAfter), new prosemirrorModel.Slice(wrap, 4 - depthBefore, 0));
|
||||
var sel = -1;
|
||||
_tr.doc.nodesBetween(start, _tr.doc.content.size, function (node, pos) {
|
||||
if (sel > -1) return false;
|
||||
if (node.isTextblock && node.content.size == 0) sel = pos + 1;
|
||||
});
|
||||
if (sel > -1) _tr.setSelection(prosemirrorState.Selection.near(_tr.doc.resolve(sel)));
|
||||
dispatch(_tr.scrollIntoView());
|
||||
}
|
||||
return true;
|
||||
}
|
||||
var nextType = $to.pos == $from.end() ? grandParent.contentMatchAt(0).defaultType : null;
|
||||
var tr = state.tr["delete"]($from.pos, $to.pos);
|
||||
var types = nextType ? [itemAttrs ? {
|
||||
type: itemType,
|
||||
attrs: itemAttrs
|
||||
} : null, {
|
||||
type: nextType
|
||||
}] : undefined;
|
||||
if (!prosemirrorTransform.canSplit(tr.doc, $from.pos, 2, types)) return false;
|
||||
if (dispatch) dispatch(tr.split($from.pos, 2, types).scrollIntoView());
|
||||
return true;
|
||||
};
|
||||
}
|
||||
function splitListItemKeepMarks(itemType, itemAttrs) {
|
||||
var split = splitListItem(itemType, itemAttrs);
|
||||
return function (state, dispatch) {
|
||||
return split(state, dispatch && function (tr) {
|
||||
var marks = state.storedMarks || state.selection.$to.parentOffset && state.selection.$from.marks();
|
||||
if (marks) tr.ensureMarks(marks);
|
||||
dispatch(tr);
|
||||
});
|
||||
};
|
||||
}
|
||||
function liftListItem(itemType) {
|
||||
return function (state, dispatch) {
|
||||
var _state$selection3 = state.selection,
|
||||
$from = _state$selection3.$from,
|
||||
$to = _state$selection3.$to;
|
||||
var range = $from.blockRange($to, function (node) {
|
||||
return node.childCount > 0 && node.firstChild.type == itemType;
|
||||
});
|
||||
if (!range) return false;
|
||||
if (!dispatch) return true;
|
||||
if ($from.node(range.depth - 1).type == itemType) return liftToOuterList(state, dispatch, itemType, range);else return liftOutOfList(state, dispatch, range);
|
||||
};
|
||||
}
|
||||
function liftToOuterList(state, dispatch, itemType, range) {
|
||||
var tr = state.tr,
|
||||
end = range.end,
|
||||
endOfList = range.$to.end(range.depth);
|
||||
if (end < endOfList) {
|
||||
tr.step(new prosemirrorTransform.ReplaceAroundStep(end - 1, endOfList, end, endOfList, new prosemirrorModel.Slice(prosemirrorModel.Fragment.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
|
||||
range = new prosemirrorModel.NodeRange(tr.doc.resolve(range.$from.pos), tr.doc.resolve(endOfList), range.depth);
|
||||
}
|
||||
var target = prosemirrorTransform.liftTarget(range);
|
||||
if (target == null) return false;
|
||||
tr.lift(range, target);
|
||||
var $after = tr.doc.resolve(tr.mapping.map(end, -1) - 1);
|
||||
if (prosemirrorTransform.canJoin(tr.doc, $after.pos) && $after.nodeBefore.type == $after.nodeAfter.type) tr.join($after.pos);
|
||||
dispatch(tr.scrollIntoView());
|
||||
return true;
|
||||
}
|
||||
function liftOutOfList(state, dispatch, range) {
|
||||
var tr = state.tr,
|
||||
list = range.parent;
|
||||
for (var pos = range.end, i = range.endIndex - 1, e = range.startIndex; i > e; i--) {
|
||||
pos -= list.child(i).nodeSize;
|
||||
tr["delete"](pos - 1, pos + 1);
|
||||
}
|
||||
var $start = tr.doc.resolve(range.start),
|
||||
item = $start.nodeAfter;
|
||||
if (tr.mapping.map(range.end) != range.start + $start.nodeAfter.nodeSize) return false;
|
||||
var atStart = range.startIndex == 0,
|
||||
atEnd = range.endIndex == list.childCount;
|
||||
var parent = $start.node(-1),
|
||||
indexBefore = $start.index(-1);
|
||||
if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? prosemirrorModel.Fragment.empty : prosemirrorModel.Fragment.from(list)))) return false;
|
||||
var start = $start.pos,
|
||||
end = start + item.nodeSize;
|
||||
tr.step(new prosemirrorTransform.ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new prosemirrorModel.Slice((atStart ? prosemirrorModel.Fragment.empty : prosemirrorModel.Fragment.from(list.copy(prosemirrorModel.Fragment.empty))).append(atEnd ? prosemirrorModel.Fragment.empty : prosemirrorModel.Fragment.from(list.copy(prosemirrorModel.Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
|
||||
dispatch(tr.scrollIntoView());
|
||||
return true;
|
||||
}
|
||||
function sinkListItem(itemType) {
|
||||
return function (state, dispatch) {
|
||||
var _state$selection4 = state.selection,
|
||||
$from = _state$selection4.$from,
|
||||
$to = _state$selection4.$to;
|
||||
var range = $from.blockRange($to, function (node) {
|
||||
return node.childCount > 0 && node.firstChild.type == itemType;
|
||||
});
|
||||
if (!range) return false;
|
||||
var startIndex = range.startIndex;
|
||||
if (startIndex == 0) return false;
|
||||
var parent = range.parent,
|
||||
nodeBefore = parent.child(startIndex - 1);
|
||||
if (nodeBefore.type != itemType) return false;
|
||||
if (dispatch) {
|
||||
var nestedBefore = nodeBefore.lastChild && nodeBefore.lastChild.type == parent.type;
|
||||
var inner = prosemirrorModel.Fragment.from(nestedBefore ? itemType.create() : null);
|
||||
var slice = new prosemirrorModel.Slice(prosemirrorModel.Fragment.from(itemType.create(null, prosemirrorModel.Fragment.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
|
||||
var before = range.start,
|
||||
after = range.end;
|
||||
dispatch(state.tr.step(new prosemirrorTransform.ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice, 1, true)).scrollIntoView());
|
||||
}
|
||||
return true;
|
||||
};
|
||||
}
|
||||
exports.addListNodes = addListNodes;
|
||||
exports.bulletList = bulletList;
|
||||
exports.liftListItem = liftListItem;
|
||||
exports.listItem = listItem;
|
||||
exports.orderedList = orderedList;
|
||||
exports.sinkListItem = sinkListItem;
|
||||
exports.splitListItem = splitListItem;
|
||||
exports.splitListItemKeepMarks = splitListItemKeepMarks;
|
||||
exports.wrapInList = wrapInList;
|
||||
exports.wrapRangeInList = wrapRangeInList;
|
||||
1034
plugins/tiddlywiki/prosemirror/files/prosemirror-state.cjs
Normal file
1034
plugins/tiddlywiki/prosemirror/files/prosemirror-state.cjs
Normal file
File diff suppressed because it is too large
Load Diff
5253
plugins/tiddlywiki/prosemirror/files/prosemirror-view.cjs
Normal file
5253
plugins/tiddlywiki/prosemirror/files/prosemirror-view.cjs
Normal file
File diff suppressed because it is too large
Load Diff
47
plugins/tiddlywiki/prosemirror/files/tiddlywiki.files
Executable file
47
plugins/tiddlywiki/prosemirror/files/tiddlywiki.files
Executable file
@ -0,0 +1,47 @@
|
||||
{
|
||||
"tiddlers": [
|
||||
{
|
||||
"file": "prosemirror-model.cjs",
|
||||
"fields": {
|
||||
"type": "application/javascript",
|
||||
"title": "prosemirror-model",
|
||||
"module-type": "library"
|
||||
}
|
||||
},{
|
||||
"file": "prosemirror-state.cjs",
|
||||
"fields": {
|
||||
"type": "application/javascript",
|
||||
"title": "prosemirror-state",
|
||||
"module-type": "library"
|
||||
}
|
||||
},{
|
||||
"file": "prosemirror-view.cjs",
|
||||
"fields": {
|
||||
"type": "application/javascript",
|
||||
"title": "prosemirror-view",
|
||||
"module-type": "library"
|
||||
}
|
||||
},{
|
||||
"file": "prosemirror-schema-list.cjs",
|
||||
"fields": {
|
||||
"type": "application/javascript",
|
||||
"title": "prosemirror-schema-list",
|
||||
"module-type": "library"
|
||||
}
|
||||
},{
|
||||
"file": "prosemirror-example-setup.cjs",
|
||||
"fields": {
|
||||
"type": "application/javascript",
|
||||
"title": "prosemirror-example-setup",
|
||||
"module-type": "library"
|
||||
}
|
||||
},{
|
||||
"file": "prosemirror-schema-basic.cjs",
|
||||
"fields": {
|
||||
"type": "application/javascript",
|
||||
"title": "prosemirror-schema-basic",
|
||||
"module-type": "library"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"title": "$:/plugins/tiddlywiki/editorjs",
|
||||
"name": "EditorJS Visual Editor",
|
||||
"title": "$:/plugins/tiddlywiki/prosemirror",
|
||||
"name": "Prosemirror Visual Editor",
|
||||
"description": "WYSIWYG editor (What You See Is What You Get) for TiddlyWiki",
|
||||
"list": "readme",
|
||||
"stability": "STABILITY_1_EXPERIMENTAL"
|
||||
23
plugins/tiddlywiki/prosemirror/readme.tid
Executable file
23
plugins/tiddlywiki/prosemirror/readme.tid
Executable file
@ -0,0 +1,23 @@
|
||||
title: $:/plugins/tiddlywiki/prosemirror/readme
|
||||
|
||||
Test Test
|
||||
|
||||
<$prosemirror />
|
||||
|
||||
Downloaded from JsDelivr CDN (like `https://cdn.jsdelivr.net/npm/prosemirror-state@latest/dist/index.cjs` and store as `prosemirror-state.js`):
|
||||
|
||||
* [ext[prosemirror-state|https://cdn.jsdelivr.net/npm/prosemirror-state@latest/dist/index.cjs]]: 1.4.3
|
||||
* [ext[prosemirror-view|https://cdn.jsdelivr.net/npm/prosemirror-view@latest/dist/index.cjs]]: 1.38.1
|
||||
* [ext[prosemirror-model|https://cdn.jsdelivr.net/npm/prosemirror-model@latest/dist/index.cjs]]: 1.25.0
|
||||
* [ext[prosemirror-schema-basic|https://cdn.jsdelivr.net/npm/prosemirror-schema-basic@latest/dist/index.cjs]]: 1.2.4
|
||||
* [ext[prosemirror-schema-list|https://cdn.jsdelivr.net/npm/prosemirror-schema-list@latest/dist/index.cjs]]: 1.5.1
|
||||
* [ext[prosemirror-example-setup|https://cdn.jsdelivr.net/npm/prosemirror-example-setup@latest/dist/index.cjs]]: 1.2.3
|
||||
* [ext[orderedmap|https://cdn.jsdelivr.net/npm/orderedmap@latest/dist/index.cjs]]: latest
|
||||
* [ext[prosemirror-transform|https://cdn.jsdelivr.net/npm/prosemirror-transform@latest/dist/index.cjs]]: latest
|
||||
* [ext[prosemirror-keymap|https://cdn.jsdelivr.net/npm/prosemirror-keymap@latest/dist/index.cjs]]: latest
|
||||
* [ext[prosemirror-history|https://cdn.jsdelivr.net/npm/prosemirror-history@latest/dist/index.cjs]]: latest
|
||||
* [ext[prosemirror-commands|https://cdn.jsdelivr.net/npm/prosemirror-commands@latest/dist/index.cjs]]: latest
|
||||
* [ext[prosemirror-dropcursor|https://cdn.jsdelivr.net/npm/prosemirror-dropcursor@latest/dist/index.cjs]]: latest
|
||||
* [ext[prosemirror-gapcursor|https://cdn.jsdelivr.net/npm/prosemirror-gapcursor@latest/dist/index.cjs]]: latest
|
||||
* [ext[prosemirror-menu|https://cdn.jsdelivr.net/npm/prosemirror-menu@latest/dist/index.cjs]]: latest
|
||||
* [ext[prosemirror-inputrules|https://cdn.jsdelivr.net/npm/prosemirror-inputrules@latest/dist/index.cjs]]: latest
|
||||
97
plugins/tiddlywiki/prosemirror/widget.js
Normal file
97
plugins/tiddlywiki/prosemirror/widget.js
Normal file
@ -0,0 +1,97 @@
|
||||
/*\
|
||||
title: $:/plugins/tiddlywiki/prosemirror/widget.js
|
||||
type: application/javascript
|
||||
module-type: widget
|
||||
|
||||
Text node widget
|
||||
|
||||
\*/
|
||||
|
||||
"use strict";
|
||||
|
||||
var Widget = require("$:/core/modules/widgets/widget.js").widget;
|
||||
var debounce = require("$:/core/modules/utils/debounce.js").debounce;
|
||||
|
||||
var { EditorState } = require("prosemirror-state");
|
||||
var { EditorView } = require("prosemirror-view");
|
||||
var { Schema, DOMParser } = require("prosemirror-model");
|
||||
var { schema } = require("prosemirror-schema-basic");
|
||||
var { addListNodes } = require("prosemirror-schema-list");
|
||||
var { exampleSetup } = require("prosemirror-example-setup");
|
||||
|
||||
var ProsemirrorWidget = function(parseTreeNode,options) {
|
||||
this.initialise(parseTreeNode,options);
|
||||
};
|
||||
|
||||
/*
|
||||
Inherit from the base widget class
|
||||
*/
|
||||
ProsemirrorWidget.prototype = new Widget();
|
||||
|
||||
/*
|
||||
Render this widget into the DOM
|
||||
*/
|
||||
ProsemirrorWidget.prototype.render = function(parent,nextSibling) {
|
||||
this.parentDomNode = parent;
|
||||
this.computeAttributes();
|
||||
this.execute();
|
||||
var container = $tw.utils.domMaker('div', {
|
||||
class: 'tc-prosemirror-container',
|
||||
});
|
||||
|
||||
// Mix the nodes from prosemirror-schema-list into the basic schema to
|
||||
// create a schema with list support.
|
||||
const mySchema = new Schema({
|
||||
nodes: addListNodes(schema.spec.nodes, "paragraph block*", "block"),
|
||||
marks: schema.spec.marks
|
||||
})
|
||||
|
||||
var self = this;
|
||||
this.view = new EditorView(container, {
|
||||
state: EditorState.create({
|
||||
doc: DOMParser.fromSchema(mySchema).parse(document.querySelector("#content")),
|
||||
plugins: exampleSetup({schema: mySchema})
|
||||
}),
|
||||
dispatchTransaction: function(transaction) {
|
||||
var newState = self.view.state.apply(transaction);
|
||||
self.view.updateState(newState);
|
||||
self.debouncedSaveEditorContent();
|
||||
}
|
||||
})
|
||||
|
||||
parent.insertBefore(container,nextSibling);
|
||||
this.domNodes.push(container);
|
||||
};
|
||||
|
||||
ProsemirrorWidget.prototype.saveEditorContent = function() {
|
||||
this.editor.save().then((outputData) => {
|
||||
console.log('Article data: ', outputData)
|
||||
}).catch((error) => {
|
||||
console.log('Saving failed: ', error)
|
||||
});
|
||||
}
|
||||
|
||||
// Debounced save function for performance
|
||||
ProsemirrorWidget.prototype.debouncedSaveEditorContent = debounce(ProsemirrorWidget.prototype.saveEditorContent, 300);
|
||||
|
||||
/*
|
||||
Compute the internal state of the widget
|
||||
*/
|
||||
ProsemirrorWidget.prototype.execute = function() {
|
||||
// Nothing to do for a text node
|
||||
};
|
||||
|
||||
/*
|
||||
Selectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering
|
||||
*/
|
||||
ProsemirrorWidget.prototype.refresh = function(changedTiddlers) {
|
||||
var changedAttributes = this.computeAttributes();
|
||||
if(changedAttributes.text) {
|
||||
this.refreshSelf();
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
exports.prosemirror = ProsemirrorWidget;
|
||||
Loading…
x
Reference in New Issue
Block a user