Socket
Socket
Sign inDemoInstall

editorjs-viewer

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

editorjs-viewer - npm Package Compare versions

Comparing version 0.0.1 to 1.0.3

0

checklist/index.js

@@ -0,0 +0,0 @@ let val = ''

@@ -0,0 +0,0 @@ const code = (items) => {

26

component.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc