@pie-lib/editable-html 11.1.1 → 11.2.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +43 -167
- package/NEXT.CHANGELOG.json +1 -0
- package/package.json +10 -6
- package/src/__tests__/editor.test.jsx +363 -0
- package/src/__tests__/serialization.test.js +291 -0
- package/src/__tests__/utils.js +36 -0
- package/src/block-tags.js +17 -0
- package/src/constants.js +7 -0
- package/src/editor.jsx +303 -49
- package/src/index.jsx +19 -10
- package/src/plugins/characters/index.jsx +11 -3
- package/src/plugins/characters/utils.js +12 -12
- package/src/plugins/css/icons/index.jsx +17 -0
- package/src/plugins/css/index.jsx +346 -0
- package/src/plugins/customPlugin/index.jsx +85 -0
- package/src/plugins/html/index.jsx +9 -6
- package/src/plugins/image/__tests__/__snapshots__/component.test.jsx.snap +51 -0
- package/src/plugins/image/__tests__/__snapshots__/image-toolbar-logic.test.jsx.snap +27 -0
- package/src/plugins/image/__tests__/__snapshots__/image-toolbar.test.jsx.snap +44 -0
- package/src/plugins/image/__tests__/component.test.jsx +41 -0
- package/src/plugins/image/__tests__/image-toolbar-logic.test.jsx +42 -0
- package/src/plugins/image/__tests__/image-toolbar.test.jsx +11 -0
- package/src/plugins/image/__tests__/index.test.js +95 -0
- package/src/plugins/image/__tests__/insert-image-handler.test.js +113 -0
- package/src/plugins/image/__tests__/mock-change.js +15 -0
- package/src/plugins/image/index.jsx +2 -1
- package/src/plugins/image/insert-image-handler.js +13 -6
- package/src/plugins/index.jsx +248 -5
- package/src/plugins/list/__tests__/index.test.js +54 -0
- package/src/plugins/list/index.jsx +130 -0
- package/src/plugins/math/__tests__/__snapshots__/index.test.jsx.snap +48 -0
- package/src/plugins/math/__tests__/index.test.jsx +245 -0
- package/src/plugins/math/index.jsx +87 -56
- package/src/plugins/media/__tests__/index.test.js +75 -0
- package/src/plugins/media/index.jsx +3 -2
- package/src/plugins/media/media-dialog.js +106 -57
- package/src/plugins/rendering/index.js +31 -0
- package/src/plugins/respArea/drag-in-the-blank/choice.jsx +4 -1
- package/src/plugins/respArea/explicit-constructed-response/index.jsx +10 -8
- package/src/plugins/respArea/index.jsx +53 -7
- package/src/plugins/respArea/inline-dropdown/index.jsx +13 -6
- package/src/plugins/respArea/math-templated/index.jsx +104 -0
- package/src/plugins/respArea/utils.jsx +11 -0
- package/src/plugins/table/CustomTablePlugin.js +113 -0
- package/src/plugins/table/__tests__/__snapshots__/table-toolbar.test.jsx.snap +44 -0
- package/src/plugins/table/__tests__/index.test.jsx +401 -0
- package/src/plugins/table/__tests__/table-toolbar.test.jsx +42 -0
- package/src/plugins/table/index.jsx +46 -59
- package/src/plugins/table/table-toolbar.jsx +39 -2
- package/src/plugins/textAlign/icons/index.jsx +139 -0
- package/src/plugins/textAlign/index.jsx +23 -0
- package/src/plugins/toolbar/__tests__/__snapshots__/default-toolbar.test.jsx.snap +923 -0
- package/src/plugins/toolbar/__tests__/__snapshots__/editor-and-toolbar.test.jsx.snap +20 -0
- package/src/plugins/toolbar/__tests__/__snapshots__/toolbar-buttons.test.jsx.snap +36 -0
- package/src/plugins/toolbar/__tests__/__snapshots__/toolbar.test.jsx.snap +46 -0
- package/src/plugins/toolbar/__tests__/default-toolbar.test.jsx +94 -0
- package/src/plugins/toolbar/__tests__/editor-and-toolbar.test.jsx +37 -0
- package/src/plugins/toolbar/__tests__/toolbar-buttons.test.jsx +51 -0
- package/src/plugins/toolbar/__tests__/toolbar.test.jsx +106 -0
- package/src/plugins/toolbar/default-toolbar.jsx +82 -20
- package/src/plugins/toolbar/done-button.jsx +3 -1
- package/src/plugins/toolbar/editor-and-toolbar.jsx +18 -13
- package/src/plugins/toolbar/toolbar-buttons.jsx +52 -11
- package/src/plugins/toolbar/toolbar.jsx +31 -8
- package/src/serialization.jsx +213 -38
- package/README.md +0 -45
- package/deploy.sh +0 -16
- package/lib/editor.js +0 -1094
- package/lib/editor.js.map +0 -1
- package/lib/index.js +0 -253
- package/lib/index.js.map +0 -1
- package/lib/parse-html.js +0 -16
- package/lib/parse-html.js.map +0 -1
- package/lib/plugins/characters/custom-popper.js +0 -73
- package/lib/plugins/characters/custom-popper.js.map +0 -1
- package/lib/plugins/characters/index.js +0 -300
- package/lib/plugins/characters/index.js.map +0 -1
- package/lib/plugins/characters/utils.js +0 -381
- package/lib/plugins/characters/utils.js.map +0 -1
- package/lib/plugins/html/icons/index.js +0 -38
- package/lib/plugins/html/icons/index.js.map +0 -1
- package/lib/plugins/html/index.js +0 -76
- package/lib/plugins/html/index.js.map +0 -1
- package/lib/plugins/image/alt-dialog.js +0 -129
- package/lib/plugins/image/alt-dialog.js.map +0 -1
- package/lib/plugins/image/component.js +0 -419
- package/lib/plugins/image/component.js.map +0 -1
- package/lib/plugins/image/image-toolbar.js +0 -177
- package/lib/plugins/image/image-toolbar.js.map +0 -1
- package/lib/plugins/image/index.js +0 -262
- package/lib/plugins/image/index.js.map +0 -1
- package/lib/plugins/image/insert-image-handler.js +0 -152
- package/lib/plugins/image/insert-image-handler.js.map +0 -1
- package/lib/plugins/index.js +0 -143
- package/lib/plugins/index.js.map +0 -1
- package/lib/plugins/list/index.js +0 -204
- package/lib/plugins/list/index.js.map +0 -1
- package/lib/plugins/math/index.js +0 -419
- package/lib/plugins/math/index.js.map +0 -1
- package/lib/plugins/media/index.js +0 -384
- package/lib/plugins/media/index.js.map +0 -1
- package/lib/plugins/media/media-dialog.js +0 -668
- package/lib/plugins/media/media-dialog.js.map +0 -1
- package/lib/plugins/media/media-toolbar.js +0 -101
- package/lib/plugins/media/media-toolbar.js.map +0 -1
- package/lib/plugins/media/media-wrapper.js +0 -93
- package/lib/plugins/media/media-wrapper.js.map +0 -1
- package/lib/plugins/respArea/drag-in-the-blank/choice.js +0 -251
- package/lib/plugins/respArea/drag-in-the-blank/choice.js.map +0 -1
- package/lib/plugins/respArea/drag-in-the-blank/index.js +0 -97
- package/lib/plugins/respArea/drag-in-the-blank/index.js.map +0 -1
- package/lib/plugins/respArea/explicit-constructed-response/index.js +0 -55
- package/lib/plugins/respArea/explicit-constructed-response/index.js.map +0 -1
- package/lib/plugins/respArea/icons/index.js +0 -95
- package/lib/plugins/respArea/icons/index.js.map +0 -1
- package/lib/plugins/respArea/index.js +0 -293
- package/lib/plugins/respArea/index.js.map +0 -1
- package/lib/plugins/respArea/inline-dropdown/index.js +0 -70
- package/lib/plugins/respArea/inline-dropdown/index.js.map +0 -1
- package/lib/plugins/respArea/utils.js +0 -110
- package/lib/plugins/respArea/utils.js.map +0 -1
- package/lib/plugins/table/icons/index.js +0 -69
- package/lib/plugins/table/icons/index.js.map +0 -1
- package/lib/plugins/table/index.js +0 -499
- package/lib/plugins/table/index.js.map +0 -1
- package/lib/plugins/table/table-toolbar.js +0 -158
- package/lib/plugins/table/table-toolbar.js.map +0 -1
- package/lib/plugins/toolbar/default-toolbar.js +0 -174
- package/lib/plugins/toolbar/default-toolbar.js.map +0 -1
- package/lib/plugins/toolbar/done-button.js +0 -50
- package/lib/plugins/toolbar/done-button.js.map +0 -1
- package/lib/plugins/toolbar/editor-and-toolbar.js +0 -287
- package/lib/plugins/toolbar/editor-and-toolbar.js.map +0 -1
- package/lib/plugins/toolbar/index.js +0 -34
- package/lib/plugins/toolbar/index.js.map +0 -1
- package/lib/plugins/toolbar/toolbar-buttons.js +0 -161
- package/lib/plugins/toolbar/toolbar-buttons.js.map +0 -1
- package/lib/plugins/toolbar/toolbar.js +0 -352
- package/lib/plugins/toolbar/toolbar.js.map +0 -1
- package/lib/plugins/utils.js +0 -62
- package/lib/plugins/utils.js.map +0 -1
- package/lib/serialization.js +0 -488
- package/lib/serialization.js.map +0 -1
- package/lib/theme.js +0 -9
- package/lib/theme.js.map +0 -1
- package/playground/image/data.js +0 -59
- package/playground/image/index.html +0 -22
- package/playground/image/index.jsx +0 -81
- package/playground/index.html +0 -25
- package/playground/mathquill/index.html +0 -22
- package/playground/mathquill/index.jsx +0 -155
- package/playground/package.json +0 -15
- package/playground/prod-test/index.html +0 -22
- package/playground/prod-test/index.jsx +0 -28
- package/playground/schema-override/data.js +0 -29
- package/playground/schema-override/image-plugin.jsx +0 -41
- package/playground/schema-override/index.html +0 -21
- package/playground/schema-override/index.jsx +0 -97
- package/playground/serialization/data.js +0 -29
- package/playground/serialization/image-plugin.jsx +0 -41
- package/playground/serialization/index.html +0 -22
- package/playground/serialization/index.jsx +0 -12
- package/playground/static.json +0 -3
- package/playground/table-examples.html +0 -70
- package/playground/webpack.config.js +0 -42
- package/static.json +0 -1
package/lib/serialization.js
DELETED
|
@@ -1,488 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.valueToHtml = exports.reduceMultipleBrs = exports.reactAttributes = exports.parseStyleString = exports.htmlToValue = exports.getBase64 = exports.TEXT_RULE = exports.BLOCK_TAGS = void 0;
|
|
9
|
-
|
|
10
|
-
var _slateHtmlSerializer = _interopRequireDefault(require("slate-html-serializer"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _debug = _interopRequireDefault(require("debug"));
|
|
15
|
-
|
|
16
|
-
var _toStyle = require("to-style");
|
|
17
|
-
|
|
18
|
-
var _image = require("./plugins/image");
|
|
19
|
-
|
|
20
|
-
var _math = require("./plugins/math");
|
|
21
|
-
|
|
22
|
-
var _media = require("./plugins/media");
|
|
23
|
-
|
|
24
|
-
var _list = require("./plugins/list");
|
|
25
|
-
|
|
26
|
-
var _table = require("./plugins/table");
|
|
27
|
-
|
|
28
|
-
var _respArea = require("./plugins/respArea");
|
|
29
|
-
|
|
30
|
-
var _slate = require("slate");
|
|
31
|
-
|
|
32
|
-
var log = (0, _debug["default"])('@pie-lib:editable-html:serialization');
|
|
33
|
-
/**
|
|
34
|
-
* Tags to blocks.
|
|
35
|
-
*
|
|
36
|
-
* @type {Object}
|
|
37
|
-
*/
|
|
38
|
-
|
|
39
|
-
var BLOCK_TAGS = {
|
|
40
|
-
div: 'div',
|
|
41
|
-
span: 'span',
|
|
42
|
-
p: 'paragraph',
|
|
43
|
-
blockquote: 'quote',
|
|
44
|
-
pre: 'code',
|
|
45
|
-
h1: 'heading-one',
|
|
46
|
-
h2: 'heading-two',
|
|
47
|
-
h3: 'heading-three',
|
|
48
|
-
h4: 'heading-four',
|
|
49
|
-
h5: 'heading-five',
|
|
50
|
-
h6: 'heading-six'
|
|
51
|
-
};
|
|
52
|
-
/**
|
|
53
|
-
* Tags to marks.
|
|
54
|
-
*
|
|
55
|
-
* @type {Object}
|
|
56
|
-
*/
|
|
57
|
-
|
|
58
|
-
exports.BLOCK_TAGS = BLOCK_TAGS;
|
|
59
|
-
var MARK_TAGS = {
|
|
60
|
-
b: 'bold',
|
|
61
|
-
em: 'italic',
|
|
62
|
-
u: 'underline',
|
|
63
|
-
s: 'strikethrough',
|
|
64
|
-
code: 'code',
|
|
65
|
-
strong: 'bold'
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
var parseStyleString = function parseStyleString(s) {
|
|
69
|
-
var regex = /([\w-]*)\s*:\s*([^;]*)/g;
|
|
70
|
-
var match;
|
|
71
|
-
var result = {};
|
|
72
|
-
|
|
73
|
-
while (match = regex.exec(s)) {
|
|
74
|
-
result[match[1]] = match[2].trim();
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
return result;
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
exports.parseStyleString = parseStyleString;
|
|
81
|
-
|
|
82
|
-
var getBase64 = function getBase64(file) {
|
|
83
|
-
return new Promise(function (resolve, reject) {
|
|
84
|
-
var reader = new FileReader();
|
|
85
|
-
reader.readAsDataURL(file);
|
|
86
|
-
|
|
87
|
-
reader.onload = function () {
|
|
88
|
-
return resolve(reader.result);
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
reader.onerror = function (error) {
|
|
92
|
-
return reject(error);
|
|
93
|
-
};
|
|
94
|
-
});
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
exports.getBase64 = getBase64;
|
|
98
|
-
|
|
99
|
-
var reactAttributes = function reactAttributes(o) {
|
|
100
|
-
return (0, _toStyle.object)(o, {
|
|
101
|
-
camelize: true,
|
|
102
|
-
addUnits: false
|
|
103
|
-
});
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
exports.reactAttributes = reactAttributes;
|
|
107
|
-
|
|
108
|
-
var attributesToMap = function attributesToMap(el) {
|
|
109
|
-
return function (acc, attribute) {
|
|
110
|
-
var value = el.getAttribute(attribute);
|
|
111
|
-
|
|
112
|
-
if (value) {
|
|
113
|
-
if (attribute === 'style') {
|
|
114
|
-
var styleString = el.getAttribute(attribute);
|
|
115
|
-
var reactStyleObject = reactAttributes(parseStyleString(styleString));
|
|
116
|
-
acc['style'] = reactStyleObject;
|
|
117
|
-
} else {
|
|
118
|
-
acc[attribute] = el.getAttribute(attribute);
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
return acc;
|
|
123
|
-
};
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
var attributes = ['border', 'cellpadding', 'cellspacing', 'class', 'style'];
|
|
127
|
-
/**
|
|
128
|
-
* Serializer rules.
|
|
129
|
-
*
|
|
130
|
-
* @type {Array}
|
|
131
|
-
*/
|
|
132
|
-
|
|
133
|
-
var blocks = {
|
|
134
|
-
deserialize: function deserialize(el, next) {
|
|
135
|
-
log('[blocks:deserialize] block: ', el);
|
|
136
|
-
var block = BLOCK_TAGS[el.tagName.toLowerCase()];
|
|
137
|
-
if (!block) return;
|
|
138
|
-
log('[blocks:deserialize] block: ', block);
|
|
139
|
-
|
|
140
|
-
if (el.childNodes.length === 1) {
|
|
141
|
-
var cn = el.childNodes[0];
|
|
142
|
-
|
|
143
|
-
if (cn && cn.tagName && cn.tagName.toLowerCase() === block) {
|
|
144
|
-
log('[we have a child node of the same]...');
|
|
145
|
-
return;
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
return {
|
|
150
|
-
object: 'block',
|
|
151
|
-
type: block,
|
|
152
|
-
|
|
153
|
-
/**
|
|
154
|
-
* Here for rendering styles for all block elements
|
|
155
|
-
*/
|
|
156
|
-
data: {
|
|
157
|
-
attributes: attributes.reduce(attributesToMap(el), {})
|
|
158
|
-
},
|
|
159
|
-
nodes: next(el.childNodes)
|
|
160
|
-
};
|
|
161
|
-
},
|
|
162
|
-
serialize: function serialize(object, children) {
|
|
163
|
-
if (object.object !== 'block') return;
|
|
164
|
-
var jsonData = object.data.toJSON();
|
|
165
|
-
log('[blocks:serialize] object: ', object, children);
|
|
166
|
-
var key;
|
|
167
|
-
|
|
168
|
-
for (key in BLOCK_TAGS) {
|
|
169
|
-
if (BLOCK_TAGS[key] === object.type) {
|
|
170
|
-
var Tag = key;
|
|
171
|
-
return /*#__PURE__*/_react["default"].createElement(Tag, jsonData.attributes, children);
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
};
|
|
176
|
-
var marks = {
|
|
177
|
-
deserialize: function deserialize(el, next) {
|
|
178
|
-
var mark = MARK_TAGS[el.tagName.toLowerCase()];
|
|
179
|
-
if (!mark) return;
|
|
180
|
-
log('[deserialize] mark: ', mark);
|
|
181
|
-
return {
|
|
182
|
-
object: 'mark',
|
|
183
|
-
type: mark,
|
|
184
|
-
nodes: next(el.childNodes)
|
|
185
|
-
};
|
|
186
|
-
},
|
|
187
|
-
serialize: function serialize(object, children) {
|
|
188
|
-
if (_slate.Mark.isMark(object)) {
|
|
189
|
-
for (var key in MARK_TAGS) {
|
|
190
|
-
if (MARK_TAGS[key] === object.type) {
|
|
191
|
-
var Tag = key;
|
|
192
|
-
return /*#__PURE__*/_react["default"].createElement(Tag, null, children);
|
|
193
|
-
}
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
}; // eslint-disable-next-line no-unused-vars
|
|
198
|
-
|
|
199
|
-
var findPreviousText = function findPreviousText(el) {
|
|
200
|
-
if (el.nodeName === '#text') {
|
|
201
|
-
return el;
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
if (el.previousSibling) {
|
|
205
|
-
return findPreviousText(el.previousSibling);
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
return null;
|
|
209
|
-
};
|
|
210
|
-
|
|
211
|
-
var TEXT_RULE = {
|
|
212
|
-
deserialize: function deserialize(el) {
|
|
213
|
-
/**
|
|
214
|
-
* This needs to be called on the dom element in order to merge the adjacent text nodes together
|
|
215
|
-
* */
|
|
216
|
-
el.normalize();
|
|
217
|
-
|
|
218
|
-
if (el.tagName && el.tagName.toLowerCase() === 'br') {
|
|
219
|
-
return {
|
|
220
|
-
object: 'text',
|
|
221
|
-
leaves: [{
|
|
222
|
-
object: 'leaf',
|
|
223
|
-
text: '\n'
|
|
224
|
-
}]
|
|
225
|
-
};
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
if (el.nodeName === '#text') {
|
|
229
|
-
if (el.nodeValue && el.nodeValue.match(/<!--.*?-->/)) return;
|
|
230
|
-
log('[text:deserialize] return text object..');
|
|
231
|
-
return {
|
|
232
|
-
object: 'text',
|
|
233
|
-
leaves: [{
|
|
234
|
-
object: 'leaf',
|
|
235
|
-
text: el.nodeValue
|
|
236
|
-
}]
|
|
237
|
-
};
|
|
238
|
-
}
|
|
239
|
-
},
|
|
240
|
-
serialize: function serialize(obj, children) {
|
|
241
|
-
if (obj.object === 'string') {
|
|
242
|
-
return children.split('\n').reduce(function (array, text, i) {
|
|
243
|
-
if (i !== 0) array.push( /*#__PURE__*/_react["default"].createElement("br", null));
|
|
244
|
-
array.push(text);
|
|
245
|
-
return array;
|
|
246
|
-
}, []);
|
|
247
|
-
}
|
|
248
|
-
}
|
|
249
|
-
};
|
|
250
|
-
exports.TEXT_RULE = TEXT_RULE;
|
|
251
|
-
var RULES = [_list.serialization, _math.serialization, _media.serialization, _image.serialization, _table.serialization, _respArea.serialization, TEXT_RULE, blocks, marks];
|
|
252
|
-
|
|
253
|
-
function allWhitespace(node) {
|
|
254
|
-
// Use ECMA-262 Edition 3 String and RegExp features
|
|
255
|
-
return !/[^\t\n\r ]/.test(node.textContent);
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
function defaultParseHtml(html) {
|
|
259
|
-
if (typeof DOMParser === 'undefined') {
|
|
260
|
-
throw new Error('The native `DOMParser` global which the `Html` serializer uses by default is not present in this environment. You must supply the `options.parseHtml` function instead.');
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
var parsed = new DOMParser().parseFromString(html, 'text/html');
|
|
264
|
-
var body = parsed.body;
|
|
265
|
-
var textNodes = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, null, null);
|
|
266
|
-
var n = textNodes.nextNode();
|
|
267
|
-
|
|
268
|
-
while (n) {
|
|
269
|
-
if (allWhitespace(n) || n.nodeValue === "\u200B") {
|
|
270
|
-
n.parentNode.removeChild(n);
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
n = textNodes.nextNode();
|
|
274
|
-
}
|
|
275
|
-
|
|
276
|
-
return body;
|
|
277
|
-
}
|
|
278
|
-
/** If this lib is used on the server side, we need to bypass using the DOMParser - just put in a stub. */
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
var parseHtml = typeof window === 'undefined' ? function () {
|
|
282
|
-
return {
|
|
283
|
-
childNodes: []
|
|
284
|
-
};
|
|
285
|
-
} : defaultParseHtml;
|
|
286
|
-
var serializer = new _slateHtmlSerializer["default"]({
|
|
287
|
-
defaultBlock: 'div',
|
|
288
|
-
rules: RULES,
|
|
289
|
-
parseHtml: parseHtml
|
|
290
|
-
});
|
|
291
|
-
|
|
292
|
-
var _extends = Object.assign || function (target) {
|
|
293
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
294
|
-
var source = arguments[i];
|
|
295
|
-
|
|
296
|
-
for (var key in source) {
|
|
297
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
298
|
-
target[key] = source[key];
|
|
299
|
-
}
|
|
300
|
-
}
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
return target;
|
|
304
|
-
};
|
|
305
|
-
/**
|
|
306
|
-
* This is needed in order to override the function that eventually leads
|
|
307
|
-
* to the max iteration of 12, which in most cases it's not enough. The newer versions
|
|
308
|
-
* have a different way to calculate this, but updating to a newer version of slate
|
|
309
|
-
* requires a lot of work fixing other issues. So we just increase the rules by 1000,
|
|
310
|
-
* which means a lot of iterations.
|
|
311
|
-
* Below is the code that calculates the max iterations.
|
|
312
|
-
* var max = schema.stack.plugins.length + schema.rules.length + 1;
|
|
313
|
-
*/
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
serializer.deserialize = function deserialize(html) {
|
|
317
|
-
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
318
|
-
var _options$toJSON = options.toJSON;
|
|
319
|
-
var toJSON = _options$toJSON === undefined ? false : _options$toJSON;
|
|
320
|
-
var defaultBlock = this.defaultBlock;
|
|
321
|
-
var parseHtml = this.parseHtml;
|
|
322
|
-
var fragment = parseHtml(html);
|
|
323
|
-
var children = Array.from(fragment.childNodes);
|
|
324
|
-
var nodes = this.deserializeElements(children); // COMPAT: ensure that all top-level inline nodes are wrapped into a block.
|
|
325
|
-
|
|
326
|
-
nodes = nodes.reduce(function (memo, node, i, original) {
|
|
327
|
-
if (node.object === 'block') {
|
|
328
|
-
memo.push(node);
|
|
329
|
-
return memo;
|
|
330
|
-
}
|
|
331
|
-
|
|
332
|
-
if (i > 0 && original[i - 1].object !== 'block') {
|
|
333
|
-
var _block = memo[memo.length - 1];
|
|
334
|
-
|
|
335
|
-
_block.nodes.push(node);
|
|
336
|
-
|
|
337
|
-
return memo;
|
|
338
|
-
}
|
|
339
|
-
|
|
340
|
-
var block = _extends({
|
|
341
|
-
object: 'block',
|
|
342
|
-
data: {},
|
|
343
|
-
isVoid: false
|
|
344
|
-
}, defaultBlock, {
|
|
345
|
-
nodes: [node]
|
|
346
|
-
});
|
|
347
|
-
|
|
348
|
-
memo.push(block);
|
|
349
|
-
return memo;
|
|
350
|
-
}, []);
|
|
351
|
-
|
|
352
|
-
if (nodes.length === 0) {
|
|
353
|
-
nodes = [_extends({
|
|
354
|
-
object: 'block',
|
|
355
|
-
data: {},
|
|
356
|
-
isVoid: false
|
|
357
|
-
}, defaultBlock, {
|
|
358
|
-
nodes: [{
|
|
359
|
-
object: 'text',
|
|
360
|
-
leaves: [{
|
|
361
|
-
object: 'leaf',
|
|
362
|
-
text: '',
|
|
363
|
-
marks: []
|
|
364
|
-
}]
|
|
365
|
-
}]
|
|
366
|
-
})];
|
|
367
|
-
}
|
|
368
|
-
|
|
369
|
-
var json = {
|
|
370
|
-
object: 'value',
|
|
371
|
-
document: {
|
|
372
|
-
object: 'document',
|
|
373
|
-
data: {},
|
|
374
|
-
nodes: nodes
|
|
375
|
-
},
|
|
376
|
-
schema: {
|
|
377
|
-
rules: []
|
|
378
|
-
}
|
|
379
|
-
};
|
|
380
|
-
var i;
|
|
381
|
-
|
|
382
|
-
for (i = 0; i < 3000; i++) {
|
|
383
|
-
json.schema.rules.push({
|
|
384
|
-
match: {
|
|
385
|
-
object: 'document'
|
|
386
|
-
},
|
|
387
|
-
nodes: [{
|
|
388
|
-
match: {
|
|
389
|
-
object: 'block'
|
|
390
|
-
}
|
|
391
|
-
}]
|
|
392
|
-
});
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
var ret = toJSON ? json : _slate.Value.fromJSON(json);
|
|
396
|
-
|
|
397
|
-
if (ret) {
|
|
398
|
-
return ret;
|
|
399
|
-
}
|
|
400
|
-
|
|
401
|
-
return null;
|
|
402
|
-
};
|
|
403
|
-
|
|
404
|
-
var reduceMultipleBrs = function reduceMultipleBrs(markup) {
|
|
405
|
-
try {
|
|
406
|
-
return markup.replace(/(<br\s*\/?>){3,}/gi, '<br>');
|
|
407
|
-
} catch (e) {
|
|
408
|
-
// eslint-disable-next-line no-console
|
|
409
|
-
console.log("Couldn't remove <br/> tags: ", e);
|
|
410
|
-
}
|
|
411
|
-
|
|
412
|
-
return markup;
|
|
413
|
-
};
|
|
414
|
-
|
|
415
|
-
exports.reduceMultipleBrs = reduceMultipleBrs;
|
|
416
|
-
|
|
417
|
-
var reduceRedundantNewLineCharacters = function reduceRedundantNewLineCharacters(markup) {
|
|
418
|
-
try {
|
|
419
|
-
return markup.replace(/\n/gi, '');
|
|
420
|
-
} catch (e) {
|
|
421
|
-
// eslint-disable-next-line no-console
|
|
422
|
-
console.log("Couldn't remove <br/> tags: ", e);
|
|
423
|
-
}
|
|
424
|
-
|
|
425
|
-
return markup;
|
|
426
|
-
};
|
|
427
|
-
|
|
428
|
-
var wrapHtmlProperly = function wrapHtmlProperly(markup) {
|
|
429
|
-
var el = document.createElement('div');
|
|
430
|
-
el.innerHTML = markup;
|
|
431
|
-
/**
|
|
432
|
-
* DIV elements that are at the same level as paragraphs
|
|
433
|
-
* are replaced with P elements for normalizing purposes
|
|
434
|
-
* @param el
|
|
435
|
-
*/
|
|
436
|
-
|
|
437
|
-
var parseNode = function parseNode(el) {
|
|
438
|
-
var childArray = Array.from(el.children);
|
|
439
|
-
var hasParagraphs = childArray.find(function (child) {
|
|
440
|
-
return child.nodeName === 'P';
|
|
441
|
-
});
|
|
442
|
-
childArray.forEach(function (child) {
|
|
443
|
-
// removing empty blocks
|
|
444
|
-
if ((child.nodeName === 'DIV' || child.nodeName === 'P') && child.childNodes.length === 0) {
|
|
445
|
-
child.remove();
|
|
446
|
-
return;
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
if (hasParagraphs && child.nodeName === 'DIV') {
|
|
450
|
-
var p = document.createElement('p');
|
|
451
|
-
p.innerHTML = child.innerHTML;
|
|
452
|
-
child.replaceWith(p);
|
|
453
|
-
}
|
|
454
|
-
|
|
455
|
-
parseNode(child);
|
|
456
|
-
});
|
|
457
|
-
};
|
|
458
|
-
|
|
459
|
-
parseNode(el);
|
|
460
|
-
return el.innerHTML;
|
|
461
|
-
};
|
|
462
|
-
|
|
463
|
-
var htmlToValue = function htmlToValue(html) {
|
|
464
|
-
try {
|
|
465
|
-
return serializer.deserialize(wrapHtmlProperly(reduceRedundantNewLineCharacters(reduceMultipleBrs(html))));
|
|
466
|
-
} catch (e) {
|
|
467
|
-
// eslint-disable-next-line no-console
|
|
468
|
-
console.log("Couldn't parse html: ", e);
|
|
469
|
-
return {};
|
|
470
|
-
}
|
|
471
|
-
};
|
|
472
|
-
|
|
473
|
-
exports.htmlToValue = htmlToValue;
|
|
474
|
-
|
|
475
|
-
var valueToHtml = function valueToHtml(value) {
|
|
476
|
-
return serializer.serialize(value);
|
|
477
|
-
};
|
|
478
|
-
/**
|
|
479
|
-
*
|
|
480
|
-
* <div><div>a</div></div> -> <div>a</div>
|
|
481
|
-
*
|
|
482
|
-
* <div><div>a</div><div>b</div></div> -> <div>a</div><div>b</div>
|
|
483
|
-
* <div><div>a</div>4444<div>b</div></div> -> <div>a</div>4444<div>b</div>
|
|
484
|
-
*/
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
exports.valueToHtml = valueToHtml;
|
|
488
|
-
//# sourceMappingURL=serialization.js.map
|
package/lib/serialization.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/serialization.jsx"],"names":["log","BLOCK_TAGS","div","span","p","blockquote","pre","h1","h2","h3","h4","h5","h6","MARK_TAGS","b","em","u","s","code","strong","parseStyleString","regex","match","result","exec","trim","getBase64","file","Promise","resolve","reject","reader","FileReader","readAsDataURL","onload","onerror","error","reactAttributes","o","camelize","addUnits","attributesToMap","el","acc","attribute","value","getAttribute","styleString","reactStyleObject","attributes","blocks","deserialize","next","block","tagName","toLowerCase","childNodes","length","cn","object","type","data","reduce","nodes","serialize","children","jsonData","toJSON","key","Tag","marks","mark","Mark","isMark","findPreviousText","nodeName","previousSibling","TEXT_RULE","normalize","leaves","text","nodeValue","obj","split","array","i","push","RULES","listSerialization","mathSerialization","mediaSerialization","imgSerialization","tableSerialization","responseAreaSerialization","allWhitespace","node","test","textContent","defaultParseHtml","html","DOMParser","Error","parsed","parseFromString","body","textNodes","document","createTreeWalker","NodeFilter","SHOW_TEXT","n","nextNode","parentNode","removeChild","parseHtml","window","serializer","Html","defaultBlock","rules","_extends","Object","assign","target","arguments","source","prototype","hasOwnProperty","call","options","undefined","_options$toJSON","fragment","Array","from","deserializeElements","memo","original","_block","isVoid","json","schema","ret","Value","fromJSON","reduceMultipleBrs","markup","replace","e","console","reduceRedundantNewLineCharacters","wrapHtmlProperly","createElement","innerHTML","parseNode","childArray","hasParagraphs","find","child","forEach","remove","replaceWith","htmlToValue","valueToHtml"],"mappings":"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","sourcesContent":["import Html from 'slate-html-serializer';\nimport React from 'react';\nimport debug from 'debug';\nimport { object as toStyleObject } from 'to-style';\n\nimport { serialization as imgSerialization } from './plugins/image';\nimport { serialization as mathSerialization } from './plugins/math';\nimport { serialization as mediaSerialization } from './plugins/media';\nimport { serialization as listSerialization } from './plugins/list';\nimport { serialization as tableSerialization } from './plugins/table';\nimport { serialization as responseAreaSerialization } from './plugins/respArea';\nimport { Mark, Value } from 'slate';\n\nconst log = debug('@pie-lib:editable-html:serialization');\n\n/**\n * Tags to blocks.\n *\n * @type {Object}\n */\n\nexport const BLOCK_TAGS = {\n div: 'div',\n span: 'span',\n p: 'paragraph',\n blockquote: 'quote',\n pre: 'code',\n h1: 'heading-one',\n h2: 'heading-two',\n h3: 'heading-three',\n h4: 'heading-four',\n h5: 'heading-five',\n h6: 'heading-six',\n};\n\n/**\n * Tags to marks.\n *\n * @type {Object}\n */\n\nconst MARK_TAGS = {\n b: 'bold',\n em: 'italic',\n u: 'underline',\n s: 'strikethrough',\n code: 'code',\n strong: 'bold',\n};\n\nexport const parseStyleString = (s) => {\n const regex = /([\\w-]*)\\s*:\\s*([^;]*)/g;\n let match;\n const result = {};\n while ((match = regex.exec(s))) {\n result[match[1]] = match[2].trim();\n }\n return result;\n};\n\nexport const getBase64 = (file) => {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = (error) => reject(error);\n });\n};\n\nexport const reactAttributes = (o) => toStyleObject(o, { camelize: true, addUnits: false });\n\nconst attributesToMap = (el) => (acc, attribute) => {\n const value = el.getAttribute(attribute);\n if (value) {\n if (attribute === 'style') {\n const styleString = el.getAttribute(attribute);\n const reactStyleObject = reactAttributes(parseStyleString(styleString));\n acc['style'] = reactStyleObject;\n } else {\n acc[attribute] = el.getAttribute(attribute);\n }\n }\n return acc;\n};\n\nconst attributes = ['border', 'cellpadding', 'cellspacing', 'class', 'style'];\n\n/**\n * Serializer rules.\n *\n * @type {Array}\n */\n\nconst blocks = {\n deserialize(el, next) {\n log('[blocks:deserialize] block: ', el);\n const block = BLOCK_TAGS[el.tagName.toLowerCase()];\n if (!block) return;\n log('[blocks:deserialize] block: ', block);\n\n if (el.childNodes.length === 1) {\n const cn = el.childNodes[0];\n if (cn && cn.tagName && cn.tagName.toLowerCase() === block) {\n log('[we have a child node of the same]...');\n return;\n }\n }\n\n return {\n object: 'block',\n type: block,\n /**\n * Here for rendering styles for all block elements\n */\n data: { attributes: attributes.reduce(attributesToMap(el), {}) },\n nodes: next(el.childNodes),\n };\n },\n serialize: (object, children) => {\n if (object.object !== 'block') return;\n\n const jsonData = object.data.toJSON();\n\n log('[blocks:serialize] object: ', object, children);\n let key;\n\n for (key in BLOCK_TAGS) {\n if (BLOCK_TAGS[key] === object.type) {\n const Tag = key;\n\n return <Tag {...jsonData.attributes}>{children}</Tag>;\n }\n }\n },\n};\n\nconst marks = {\n deserialize(el, next) {\n const mark = MARK_TAGS[el.tagName.toLowerCase()];\n if (!mark) return;\n log('[deserialize] mark: ', mark);\n return {\n object: 'mark',\n type: mark,\n nodes: next(el.childNodes),\n };\n },\n serialize(object, children) {\n if (Mark.isMark(object)) {\n for (var key in MARK_TAGS) {\n if (MARK_TAGS[key] === object.type) {\n const Tag = key;\n return <Tag>{children}</Tag>;\n }\n }\n }\n },\n};\n\n// eslint-disable-next-line no-unused-vars\nconst findPreviousText = (el) => {\n if (el.nodeName === '#text') {\n return el;\n }\n\n if (el.previousSibling) {\n return findPreviousText(el.previousSibling);\n }\n\n return null;\n};\n\nexport const TEXT_RULE = {\n deserialize(el) {\n /**\n * This needs to be called on the dom element in order to merge the adjacent text nodes together\n * */\n el.normalize();\n\n if (el.tagName && el.tagName.toLowerCase() === 'br') {\n return {\n object: 'text',\n leaves: [\n {\n object: 'leaf',\n text: '\\n',\n },\n ],\n };\n }\n\n if (el.nodeName === '#text') {\n if (el.nodeValue && el.nodeValue.match(/<!--.*?-->/)) return;\n\n log('[text:deserialize] return text object..');\n return {\n object: 'text',\n leaves: [\n {\n object: 'leaf',\n text: el.nodeValue,\n },\n ],\n };\n }\n },\n\n serialize(obj, children) {\n if (obj.object === 'string') {\n return children.split('\\n').reduce((array, text, i) => {\n if (i !== 0) array.push(<br />);\n array.push(text);\n return array;\n }, []);\n }\n },\n};\n\nconst RULES = [\n listSerialization,\n mathSerialization,\n mediaSerialization,\n imgSerialization,\n tableSerialization,\n responseAreaSerialization,\n TEXT_RULE,\n blocks,\n marks,\n];\n\nfunction allWhitespace(node) {\n // Use ECMA-262 Edition 3 String and RegExp features\n return !/[^\\t\\n\\r ]/.test(node.textContent);\n}\n\nfunction defaultParseHtml(html) {\n if (typeof DOMParser === 'undefined') {\n throw new Error(\n 'The native `DOMParser` global which the `Html` serializer uses by default is not present in this environment. You must supply the `options.parseHtml` function instead.',\n );\n }\n\n const parsed = new DOMParser().parseFromString(html, 'text/html');\n\n const { body } = parsed;\n var textNodes = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, null, null);\n var n = textNodes.nextNode();\n\n while (n) {\n if (allWhitespace(n) || n.nodeValue === '\\u200B') {\n n.parentNode.removeChild(n);\n }\n n = textNodes.nextNode();\n }\n\n return body;\n}\n\n/** If this lib is used on the server side, we need to bypass using the DOMParser - just put in a stub. */\nconst parseHtml =\n typeof window === 'undefined'\n ? () => ({\n childNodes: [],\n })\n : defaultParseHtml;\n\nconst serializer = new Html({\n defaultBlock: 'div',\n rules: RULES,\n parseHtml,\n});\n\nconst _extends =\n Object.assign ||\n function(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n/**\n * This is needed in order to override the function that eventually leads\n * to the max iteration of 12, which in most cases it's not enough. The newer versions\n * have a different way to calculate this, but updating to a newer version of slate\n * requires a lot of work fixing other issues. So we just increase the rules by 1000,\n * which means a lot of iterations.\n * Below is the code that calculates the max iterations.\n * var max = schema.stack.plugins.length + schema.rules.length + 1;\n */\nserializer.deserialize = function deserialize(html) {\n const options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n const _options$toJSON = options.toJSON;\n const toJSON = _options$toJSON === undefined ? false : _options$toJSON;\n const defaultBlock = this.defaultBlock;\n const parseHtml = this.parseHtml;\n\n const fragment = parseHtml(html);\n const children = Array.from(fragment.childNodes);\n let nodes = this.deserializeElements(children);\n\n // COMPAT: ensure that all top-level inline nodes are wrapped into a block.\n nodes = nodes.reduce(function(memo, node, i, original) {\n if (node.object === 'block') {\n memo.push(node);\n return memo;\n }\n\n if (i > 0 && original[i - 1].object !== 'block') {\n const _block = memo[memo.length - 1];\n\n _block.nodes.push(node);\n return memo;\n }\n\n const block = _extends({ object: 'block', data: {}, isVoid: false }, defaultBlock, {\n nodes: [node],\n });\n\n memo.push(block);\n return memo;\n }, []);\n\n if (nodes.length === 0) {\n nodes = [\n _extends({ object: 'block', data: {}, isVoid: false }, defaultBlock, {\n nodes: [{ object: 'text', leaves: [{ object: 'leaf', text: '', marks: [] }] }],\n }),\n ];\n }\n\n const json = {\n object: 'value',\n document: {\n object: 'document',\n data: {},\n nodes: nodes,\n },\n schema: {\n rules: [],\n },\n };\n\n let i;\n\n for (i = 0; i < 3000; i++) {\n json.schema.rules.push({\n match: { object: 'document' },\n nodes: [{ match: { object: 'block' } }],\n });\n }\n\n const ret = toJSON ? json : Value.fromJSON(json);\n\n if (ret) {\n return ret;\n }\n\n return null;\n};\n\nexport const reduceMultipleBrs = (markup) => {\n try {\n return markup.replace(/(<br\\s*\\/?>){3,}/gi, '<br>');\n } catch (e) {\n // eslint-disable-next-line no-console\n console.log(\"Couldn't remove <br/> tags: \", e);\n }\n\n return markup;\n};\n\nconst reduceRedundantNewLineCharacters = (markup) => {\n try {\n return markup.replace(/\\n/gi, '');\n } catch (e) {\n // eslint-disable-next-line no-console\n console.log(\"Couldn't remove <br/> tags: \", e);\n }\n\n return markup;\n};\n\nconst wrapHtmlProperly = (markup) => {\n const el = document.createElement('div');\n\n el.innerHTML = markup;\n\n /**\n * DIV elements that are at the same level as paragraphs\n * are replaced with P elements for normalizing purposes\n * @param el\n */\n const parseNode = (el) => {\n const childArray = Array.from(el.children);\n const hasParagraphs = childArray.find((child) => child.nodeName === 'P');\n\n childArray.forEach((child) => {\n // removing empty blocks\n if ((child.nodeName === 'DIV' || child.nodeName === 'P') && child.childNodes.length === 0) {\n child.remove();\n return;\n }\n\n if (hasParagraphs && child.nodeName === 'DIV') {\n const p = document.createElement('p');\n\n p.innerHTML = child.innerHTML;\n child.replaceWith(p);\n }\n\n parseNode(child);\n });\n };\n\n parseNode(el);\n\n return el.innerHTML;\n};\n\nexport const htmlToValue = (html) => {\n try {\n return serializer.deserialize(wrapHtmlProperly(reduceRedundantNewLineCharacters(reduceMultipleBrs(html))));\n } catch (e) {\n // eslint-disable-next-line no-console\n console.log(\"Couldn't parse html: \", e);\n return {};\n }\n};\n\nexport const valueToHtml = (value) => serializer.serialize(value);\n\n/**\n *\n * <div><div>a</div></div> -> <div>a</div>\n *\n * <div><div>a</div><div>b</div></div> -> <div>a</div><div>b</div>\n * <div><div>a</div>4444<div>b</div></div> -> <div>a</div>4444<div>b</div>\n */\n"],"file":"serialization.js"}
|
package/lib/theme.js
DELETED
package/lib/theme.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/theme.js"],"names":["primary"],"mappings":";;;;;;AAAO,IAAMA,OAAO,GAAG,SAAhB","sourcesContent":["export const primary = '#304ffe';\n"],"file":"theme.js"}
|
package/playground/image/data.js
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
document: {
|
|
3
|
-
nodes: [
|
|
4
|
-
{
|
|
5
|
-
object: 'block',
|
|
6
|
-
type: 'div',
|
|
7
|
-
nodes: [
|
|
8
|
-
{
|
|
9
|
-
object: 'block',
|
|
10
|
-
type: 'paragraph',
|
|
11
|
-
nodes: [
|
|
12
|
-
{
|
|
13
|
-
object: 'text',
|
|
14
|
-
leaves: [
|
|
15
|
-
{
|
|
16
|
-
text: 'foo',
|
|
17
|
-
},
|
|
18
|
-
],
|
|
19
|
-
},
|
|
20
|
-
|
|
21
|
-
{
|
|
22
|
-
object: 'inline',
|
|
23
|
-
type: 'image',
|
|
24
|
-
isVoid: true,
|
|
25
|
-
data: {
|
|
26
|
-
src:
|
|
27
|
-
'https://img.washingtonpost.com/wp-apps/imrs.php?src=https://img.washingtonpost.com/news/speaking-of-science/wp-content/uploads/sites/36/2015/10/as12-49-7278-1024x1024.jpg&w=1484',
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
|
|
31
|
-
{
|
|
32
|
-
object: 'text',
|
|
33
|
-
leaves: [
|
|
34
|
-
{
|
|
35
|
-
text: 'bar',
|
|
36
|
-
},
|
|
37
|
-
],
|
|
38
|
-
},
|
|
39
|
-
],
|
|
40
|
-
},
|
|
41
|
-
],
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
object: 'block',
|
|
45
|
-
type: 'paragraph',
|
|
46
|
-
nodes: [
|
|
47
|
-
{
|
|
48
|
-
object: 'text',
|
|
49
|
-
leaves: [
|
|
50
|
-
{
|
|
51
|
-
text: 'text',
|
|
52
|
-
},
|
|
53
|
-
],
|
|
54
|
-
},
|
|
55
|
-
],
|
|
56
|
-
},
|
|
57
|
-
],
|
|
58
|
-
},
|
|
59
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
|
|
5
|
-
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
|
|
6
|
-
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom-server.browser.production.min.js"></script>
|
|
7
|
-
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" />
|
|
8
|
-
<style>
|
|
9
|
-
body,
|
|
10
|
-
span,
|
|
11
|
-
div,
|
|
12
|
-
p {
|
|
13
|
-
font-family: 'Roboto', sans-serif;
|
|
14
|
-
}
|
|
15
|
-
</style>
|
|
16
|
-
<script src="bundle.js" type="text/javascript"></script>
|
|
17
|
-
</head>
|
|
18
|
-
|
|
19
|
-
<body>
|
|
20
|
-
<div id="app"></div>
|
|
21
|
-
</body>
|
|
22
|
-
</html>
|