highmark-markdown 0.0.305 → 0.0.306
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/example.js +369 -8
- package/lib/example/view/div/html.js +205 -0
- package/lib/example/view/div/sizeable/right.js +135 -0
- package/lib/example/view/xmp.js +3 -3
- package/lib/example/view.js +6 -5
- package/lib/markdown/bnf.js +2 -2
- package/package.json +1 -1
- package/src/example/view/div/html.js +33 -0
- package/src/example/view/div/sizeable/right.js +19 -0
- package/src/example/view/xmp.js +6 -6
- package/src/example/view.js +23 -20
- package/src/markdown/bnf.js +4 -2
package/src/example/view/xmp.js
CHANGED
|
@@ -10,9 +10,7 @@ class XMP extends Element {
|
|
|
10
10
|
update(htmls) {
|
|
11
11
|
htmls = htmls.join(EMPTY_STRING);
|
|
12
12
|
|
|
13
|
-
const
|
|
14
|
-
${htmls}</body>`,
|
|
15
|
-
html = body;
|
|
13
|
+
const html = `${htmls}`;
|
|
16
14
|
|
|
17
15
|
this.html(html);
|
|
18
16
|
}
|
|
@@ -38,9 +36,11 @@ ${htmls}</body>`,
|
|
|
38
36
|
|
|
39
37
|
export default withStyle(XMP)`
|
|
40
38
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
39
|
+
top: 0;
|
|
40
|
+
left: 0;
|
|
41
|
+
width: 100%;
|
|
42
|
+
height: 100%;
|
|
43
|
+
position: absolute;
|
|
44
44
|
font-size: 1.2rem;
|
|
45
45
|
line-height: 1.5rem;
|
|
46
46
|
font-family: monospace;
|
package/src/example/view.js
CHANGED
|
@@ -3,15 +3,16 @@
|
|
|
3
3
|
import withStyle from "easy-with-style"; ///
|
|
4
4
|
|
|
5
5
|
import { Element } from "easy";
|
|
6
|
-
import { RowsDiv, ColumnDiv, ColumnsDiv, VerticalSplitterDiv } from "easy-layout";
|
|
7
6
|
import { MarkdownLexer, MarkdownParser, MarkdownStyleLexer, MarkdownStyleParser } from "../index";
|
|
7
|
+
import { RowDiv, RowsDiv, ColumnDiv, ColumnsDiv, VerticalSplitterDiv, HorizontalSplitterDiv } from "easy-layout";
|
|
8
8
|
|
|
9
|
-
import
|
|
9
|
+
import HTMLDiv from "./view/div/html";
|
|
10
10
|
import PreviewDiv from "./view/div/preview";
|
|
11
11
|
import SubHeading from "./view/subHeading";
|
|
12
12
|
import CSSTextarea from "./view/textarea/css";
|
|
13
13
|
import TabButtonsDiv from "./view/div/tabButtons";
|
|
14
14
|
import LeftSizeableDiv from "./view/div/sizeable/left";
|
|
15
|
+
import RightSizeableDiv from "./view/div/sizeable/right";
|
|
15
16
|
import MarkdownContainerDiv from "./view/div/container/markdown";
|
|
16
17
|
import MarkdownStyleContainerDiv from "./view/div/container/markdownStyle";
|
|
17
18
|
|
|
@@ -145,18 +146,25 @@ class View extends Element {
|
|
|
145
146
|
<VerticalSplitterDiv/>
|
|
146
147
|
<ColumnDiv>
|
|
147
148
|
<RowsDiv>
|
|
148
|
-
<
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
<
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
149
|
+
<RightSizeableDiv>
|
|
150
|
+
<SubHeading>
|
|
151
|
+
HTML
|
|
152
|
+
</SubHeading>
|
|
153
|
+
<HTMLDiv/>
|
|
154
|
+
</RightSizeableDiv>
|
|
155
|
+
<HorizontalSplitterDiv/>
|
|
156
|
+
<RowDiv>
|
|
157
|
+
<RowsDiv>
|
|
158
|
+
<SubHeading>
|
|
159
|
+
CSS
|
|
160
|
+
</SubHeading>
|
|
161
|
+
<CSSTextarea/>
|
|
162
|
+
<SubHeading>
|
|
163
|
+
Preview
|
|
164
|
+
</SubHeading>
|
|
165
|
+
<PreviewDiv/>
|
|
166
|
+
</RowsDiv>
|
|
167
|
+
</RowDiv>
|
|
160
168
|
</RowsDiv>
|
|
161
169
|
</ColumnDiv>
|
|
162
170
|
</ColumnsDiv>
|
|
@@ -182,12 +190,7 @@ class View extends Element {
|
|
|
182
190
|
`;
|
|
183
191
|
|
|
184
192
|
static initialMarkdown = `
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
# Primary heading
|
|
188
|
-
|
|
189
|
-
## Secondary heading
|
|
190
|
-
|
|
193
|
+
[https://en.wikipedia.org/wiki/Backus-Naur_form](https://en.wikipedia.org/wiki/Backus%E2%80%93Naur_form)
|
|
191
194
|
`;
|
|
192
195
|
|
|
193
196
|
static tagName = "div";
|
package/src/markdown/bnf.js
CHANGED