Commit c26aefaf authored by chris's avatar chris

editoria layout and theme

parent 4703e6a0
import React, { Component } from "react";
import { Wax, CreateSchema } from "wax-prosemirror-core";
import { DefaultSchema } from "wax-prosemirror-schema";
import "wax-prosemirror-layouts/defaultLayout.css";
import "wax-prosemirror-themes/defaultTheme.css";
import "wax-prosemirror-layouts/layouts/default-layout.css";
import "wax-prosemirror-themes/themes/default-theme.css";
const plugins = [];
const keys = {};
......
......@@ -2,8 +2,8 @@ import React, { Component } from "react";
import { Wax, CreateSchema } from "wax-prosemirror-core";
import { EditoriaSchema } from "wax-prosemirror-schema";
import { MainMenuBar } from "wax-prosemirror-components";
import "wax-prosemirror-layouts/defaultLayout.css";
import "wax-prosemirror-themes/defaultTheme.css";
import "wax-prosemirror-layouts/layouts/editoria-layout.css";
import "wax-prosemirror-themes/themes/editoria-theme.css";
const plugins = [];
const keys = {};
......@@ -19,8 +19,8 @@ class Editoria extends Component {
options={options}
autoFocus
placeholder="Type Something..."
theme="default"
layout="default"
theme="editoria"
layout="editoria"
debug
renderLayout={({ editor, ...props }) => (
<React.Fragment>
......
......@@ -6,6 +6,7 @@ import { EditorView } from "prosemirror-view";
import placeholderPlugin from "./config/plugins/placeholderPlugin";
import "prosemirror-view/style/prosemirror.css";
import "prosemirror-gapcursor/style/gapcursor.css";
class Editor extends Component {
constructor(props) {
......
@import "./defaultLayout.css";
......@@ -4,7 +4,7 @@
"version": "0.0.1",
"description": "Wax prosemirror layouts",
"license": "MIT",
"main": "index.css",
"main": "",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
......
@import "./defaultTheme.css";
......@@ -4,7 +4,7 @@
"version": "0.0.1",
"description": "Wax prosemirror themes",
"license": "MIT",
"main": "index.css",
"main": "",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
......
.wax-t-editoria {
background: #fff;
}
.wax-t-editoria hr {
padding: 2px 10px;
border: none;
margin: 1em 0;
}
.wax-t-editoria .epigraph-poetry {
border-left: 2px solid #e0e4e4;
padding-left: 30px;
}
.wax-t-editoria hr:after {
content: "";
display: block;
height: 1px;
background-color: silver;
line-height: 2px;
}
.wax-t-editoria ul,
.wax-t-editoria ol {
padding-left: 30px;
}
.wax-t-editoria blockquote {
padding-left: 1em;
border-left: 3px solid #eee;
margin-left: 0;
margin-right: 0;
}
.wax-t-editoria img {
cursor: default;
}
.wax-t-editoria table {
border-spacing: 0px;
}
.wax-t-editoria th,
.wax-t-editoria td {
border: 1px solid #eee;
padding: 2px 5px;
}
.wax-t-editoria sup,
.wax-t-editoria sub {
line-height: 0;
}
.wax-t-editoria .ProseMirror:focus {
outline: none;
}
/* placeholder */
.wax-t-editoria .empty-node::before {
color: #aaa;
float: left;
font-style: italic;
pointer-events: none;
height: 0;
}
.wax-t-editoria p.empty-node:first-child::before {
content: attr(data-content);
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment