editorjs-viewer
Advanced tools
Comparing version 0.0.1 to 1.0.3
@@ -0,0 +0,0 @@ let val = '' |
@@ -0,0 +0,0 @@ const code = (items) => { |
@@ -1,15 +0,15 @@ | ||
import paragraph from './paragraph' | ||
import link from './link' | ||
import head from './head' | ||
import list from './list' | ||
import raw from './raw' | ||
import quote from './quote' | ||
import checklist from './checklist' | ||
import embed from './embed' | ||
import image from './image' | ||
import table from './table' | ||
import code from './code' | ||
import warning from './warning' | ||
const paragraph = require('./paragraph') | ||
const link = require('./link') | ||
const head = require('./head') | ||
const list = require('./list') | ||
const raw = require('./raw') | ||
const quote = require('./quote') | ||
const checklist = require('./checklist') | ||
const embed = require('./embed') | ||
const image = require('./image') | ||
const table = require('./table') | ||
const code = require('./code') | ||
const warning = require('./warning') | ||
export { | ||
module.exports = { | ||
paragraph, | ||
@@ -16,0 +16,0 @@ link, |
@@ -0,0 +0,0 @@ let val = '' |
@@ -1,20 +0,13 @@ | ||
let val = '' | ||
const head = (param, type) => { | ||
val = '' | ||
if(type === 1){ | ||
val += `<h1>${param}</h1>` | ||
}else if(type === 2){ | ||
val += `<h2>${param}</h2>` | ||
}else if(type === 3){ | ||
val += `<h3>${param}</h3>` | ||
}else if(type === 4){ | ||
val += `<h4>${param}</h4>` | ||
}else if(type === 5){ | ||
val += `<h5>${param}</h4>` | ||
}else{ | ||
val += `<h6>${param}</h6>` | ||
const heading = { | ||
1 : `<h1>${param}</h1>`, | ||
2 : `<h2>${param}</h2>`, | ||
3 : `<h3>${param}</h3>`, | ||
4 : `<h4>${param}</h4>`, | ||
5 : `<h5>${param}</h4>`, | ||
6 : `<h6>${param}</h6>`, | ||
} | ||
return val | ||
return heading[type] | ||
} | ||
module.exports = head |
@@ -0,0 +0,0 @@ const image = (param) => { |
@@ -18,3 +18,3 @@ const { | ||
const parser = (val) => { | ||
const renderHTML = (val) => { | ||
value = '' | ||
@@ -30,3 +30,3 @@ try{ | ||
break; | ||
case "header": | ||
case "Header": | ||
value += head(items.data.text, items.data.level) | ||
@@ -70,2 +70,3 @@ break; | ||
} | ||
module.exports = parser | ||
module.exports = { renderHTML } |
@@ -0,0 +0,0 @@ const link = (param) => { |
@@ -0,0 +0,0 @@ let val = '' |
{ | ||
"name": "editorjs-viewer", | ||
"version": "0.0.1", | ||
"version": "1.0.3", | ||
"description": "easy change json data to html from editorjs", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -0,0 +0,0 @@ const paragraph = (param) => { |
@@ -0,0 +0,0 @@ let val = '' |
@@ -0,0 +0,0 @@ let val = '' |
@@ -1,8 +0,11 @@ | ||
# editor-js-parser | ||
# editorjs-viewer | ||
```bash | ||
npm install @son_xx/editor-js-parser | ||
npm install editorjs-viewer | ||
``` | ||
editor-js-parser is tool to convert json data to html from [editorjs](https://editorjs.io/). | ||
editorjs-viewer is tool to convert json data to html from [editorjs](https://editorjs.io/). | ||
<br/> | ||
suported component | ||
1. checklist | ||
@@ -16,2 +19,5 @@ 2. embed | ||
8. raw | ||
9. table | ||
10. code | ||
11. warning | ||
@@ -21,12 +27,17 @@ for styling **quote** and **checklist** we use bootstrap so make sure you have install bootstrap on your project | ||
## example | ||
```javascript | ||
import Parser from '@son_xx/editor-js-parser' | ||
import { renderHTML } from 'editorjs-viewer' | ||
const data = { | ||
time: 1605667704216, | ||
version: "2.19.0"} | ||
blocks: Array(1) | ||
0:{ | ||
data: {text: "header example",level: 2} | ||
time: 1605667704216, | ||
version: "2.19.0" | ||
blocks: [ | ||
{ | ||
data: { | ||
text: "header example", | ||
level: 2 | ||
} | ||
type: "header" | ||
} | ||
} | ||
] | ||
time: 1605667704216 | ||
@@ -36,3 +47,3 @@ version: "2.19.0" | ||
const result = Parser(data.blocks) | ||
const result = renderHTML(data.blocks) | ||
console.log(result) | ||
@@ -42,2 +53,3 @@ // outout | ||
``` | ||
LICENCE MIT |
@@ -0,0 +0,0 @@ let result = '' |
@@ -0,0 +0,0 @@ const warning = (items) => { |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
1
52
7853
193