-
Notifications
You must be signed in to change notification settings - Fork 6
/
EditorJSMock.json
91 lines (91 loc) · 3.59 KB
/
EditorJSMock.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
{
"time": 1560338876987,
"blocks": [
{
"type": "header",
"data": {
"text": "Editor.js Kit iOS",
"level": 1
}
},
{
"type" : "paragraph",
"data" : {
"text" : "Render native UI with formatted JSON data."
}
},
{
"type": "image",
"data": {
"file": {
"url": "https://static.upstarts.work/ejkit/logo-light.png"
},
"caption": "Brought to you by Upstarts team",
"withBorder": true,
"stretched": false,
"withBackground": false
}
},
{
"type" : "list",
"data" : {
"style" : "ordered",
"items" : [
"Editor.JS is a block-styled editor",
"The Kit renders clean JSON data natively",
"Designed to be extendable and pluggable"
]
}
},
{
"type" : "linkTool",
"data" : {
"link" : "https://upstarts.work",
"meta" : {
"title" : "Upstarts Team",
"site_name" : "Upstarts",
"description" : "Mobile development team. We develop mobile apps for iOS and Android. We research, prototype, sketch, and code apps & backend business logic.",
"image" : {
"url" : "https://static.upstarts.work/img/logo-blue-300px.png"
}
}
}
},
{
"type": "delimiter",
"data" : {}
},
{
"type" : "paragraph",
"data" : {
"text" : "Workspace in classic editors is made of a single contenteditable element, used to create different HTML markups. Editor.js <mark class=\"cdx-marker\">workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc</mark>. Each of them is an independent contenteditable element (or more complex structure) provided by Plugin and united by Editor's Core."
}
},
{
"type" : "callout",
"data" : {
"emoji": "🙀",
"text" : "This is a custom block which was easily integrated with a few lines of code."
}
},
{
"type" : "paragraph",
"data" : {
"text" : "There <b>are</b> dozens of <a href=\"https://github.com/editor-js\">ready-to-use Blocks</a> and the <a href=\"https://editorjs.io/creating-a-block-tool\">simple API</a> for creation any Block you need. For example, you can implement Blocks for Tweets, Instagram posts, surveys and polls, CTA-buttons and even games."
}
},
{
"type" : "paragraph",
"data" : {
"text" : "Given data can be used as you want: render with HTML for <code class=\"inline-code\">Web clients</code>, render natively for <code class=\"inline-code\">mobile apps</code>, create markup for <code class=\"inline-code\">Facebook Instant Articles</code> or <code class=\"inline-code\">Google AMP</code>, generate an <code class=\"inline-code\">audio version</code> and so on."
}
},
{
"type" : "raw",
"data" : {
"html": "<div style=\"background: #000; color: #fff; font-size: 30px; padding: 50px;\">Any raw HTML code</div>",
}
}
],
"version" : "2.13.2"
}