KingOfDog/block-renderer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Allow html tags in headers and lists

Browse Source
This commit is contained in:
KingOfDog 2020-09-26 19:06:05 +02:00
parent 2684c5d58d
commit 1cb252b952
12 changed files with 67 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
dist/block-renderer.common.js vendored
View File

@ -2192,12 +2192,12 @@ if (typeof window !== 'undefined') {
// Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BlockContentRenderer.vue?vue&type=template&id=66e1144e&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BlockContentRenderer.vue?vue&type=template&id=18061960&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._l((_vm.blocks),function(block,index){return _c(block.component,{key:index,tag:"component",attrs:{"data":block.data}})}),1)}
var staticRenderFns = []
// CONCATENATED MODULE: ./src/components/BlockContentRenderer.vue?vue&type=template&id=66e1144e&
// CONCATENATED MODULE: ./src/components/BlockContentRenderer.vue?vue&type=template&id=18061960&
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
var es_array_map = __webpack_require__("d81d");
@ -2460,7 +2460,11 @@ var EmbedBlock_component = normalizeComponent(
/* harmony default export */ var HeaderBlockvue_type_script_lang_js_ = ({
props: ["data"],
render: function render(createElement) {
return createElement("h" + this.data.level, this.data.text);
return createElement("h" + this.data.level, {
domProps: {
innerHTML: this.data.text
}
});
}
});
// CONCATENATED MODULE: ./src/components/HeaderBlock.vue?vue&type=script&lang=js&
@ -2485,12 +2489,12 @@ var HeaderBlock_component = normalizeComponent(
)
/* harmony default export */ var HeaderBlock = (HeaderBlock_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageBlock.vue?vue&type=template&id=badd32a6&
var ImageBlockvue_type_template_id_badd32a6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',[_c('img',{attrs:{"src":_vm.data.file.url}}),_c('figcaption',{domProps:{"innerHTML":_vm._s(_vm.data.caption)}})])}
var ImageBlockvue_type_template_id_badd32a6_staticRenderFns = []
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageBlock.vue?vue&type=template&id=681bb202&
var ImageBlockvue_type_template_id_681bb202_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',[_c('img',{attrs:{"src":_vm.data.file.url}}),_c('figcaption',{domProps:{"innerHTML":_vm._s(_vm.data.caption)}})])}
var ImageBlockvue_type_template_id_681bb202_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/ImageBlock.vue?vue&type=template&id=badd32a6&
// CONCATENATED MODULE: ./src/components/ImageBlock.vue?vue&type=template&id=681bb202&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageBlock.vue?vue&type=script&lang=js&
//
@ -2516,8 +2520,8 @@ var ImageBlockvue_type_template_id_badd32a6_staticRenderFns = []
var ImageBlock_component = normalizeComponent(
components_ImageBlockvue_type_script_lang_js_,
ImageBlockvue_type_template_id_badd32a6_render,
ImageBlockvue_type_template_id_badd32a6_staticRenderFns,
ImageBlockvue_type_template_id_681bb202_render,
ImageBlockvue_type_template_id_681bb202_staticRenderFns,
false,
null,
null,
@ -2526,12 +2530,12 @@ var ImageBlock_component = normalizeComponent(
)
/* harmony default export */ var ImageBlock = (ImageBlock_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LinkBlock.vue?vue&type=template&id=92561c0c&
var LinkBlockvue_type_template_id_92561c0c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"link-block"},[_c('a',{staticClass:"link-block-href",attrs:{"href":_vm.data.link}},[_c('div',{staticClass:"link-block-meta"},[_c('div',{staticClass:"link-block-title"},[_vm._v(_vm._s(_vm.data.meta.title))]),_c('p',{staticClass:"link-block-description"},[_vm._v(_vm._s(_vm.data.meta.description))]),_c('div',{staticClass:"link-block-anchor"},[_vm._v(_vm._s(_vm.domain))])]),_c('div',{staticClass:"link-block-image",style:({ backgroundImage: ("url(" + (_vm.data.meta.image.url)) })})])])}
var LinkBlockvue_type_template_id_92561c0c_staticRenderFns = []
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LinkBlock.vue?vue&type=template&id=521f7471&
var LinkBlockvue_type_template_id_521f7471_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"link-block"},[_c('a',{staticClass:"link-block-href",attrs:{"href":_vm.data.link,"target":"_blank"}},[_c('div',{staticClass:"link-block-meta"},[_c('div',{staticClass:"link-block-title"},[_vm._v(_vm._s(_vm.data.meta.title))]),_c('p',{staticClass:"link-block-description"},[_vm._v(_vm._s(_vm.data.meta.description))]),_c('div',{staticClass:"link-block-anchor"},[_vm._v(_vm._s(_vm.domain))])]),_c('div',{staticClass:"link-block-image",style:({ backgroundImage: ("url(" + (_vm.data.meta.image.url)) })})])])}
var LinkBlockvue_type_template_id_521f7471_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/LinkBlock.vue?vue&type=template&id=92561c0c&
// CONCATENATED MODULE: ./src/components/LinkBlock.vue?vue&type=template&id=521f7471&
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__("ac1f");
@ -2584,8 +2588,8 @@ var es_string_link = __webpack_require__("9911");
var LinkBlock_component = normalizeComponent(
components_LinkBlockvue_type_script_lang_js_,
LinkBlockvue_type_template_id_92561c0c_render,
LinkBlockvue_type_template_id_92561c0c_staticRenderFns,
LinkBlockvue_type_template_id_521f7471_render,
LinkBlockvue_type_template_id_521f7471_staticRenderFns,
false,
null,
null,
@ -2600,7 +2604,11 @@ var LinkBlock_component = normalizeComponent(
props: ["data"],
render: function render(createElement) {
return createElement(this.data.style === "ordered" ? "ol" : "ul", this.data.items.map(function (item) {
return createElement("li", item);
return createElement("li", {
domProps: {
innerHTML: item
}
});
}));
}
});

2
dist/block-renderer.common.js.map vendored
View File

File diff suppressed because one or more lines are too long

40
dist/block-renderer.umd.js vendored
View File

@ -2201,12 +2201,12 @@ if (typeof window !== 'undefined') {
// Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BlockContentRenderer.vue?vue&type=template&id=66e1144e&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BlockContentRenderer.vue?vue&type=template&id=18061960&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._l((_vm.blocks),function(block,index){return _c(block.component,{key:index,tag:"component",attrs:{"data":block.data}})}),1)}
var staticRenderFns = []
// CONCATENATED MODULE: ./src/components/BlockContentRenderer.vue?vue&type=template&id=66e1144e&
// CONCATENATED MODULE: ./src/components/BlockContentRenderer.vue?vue&type=template&id=18061960&
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
var es_array_map = __webpack_require__("d81d");
@ -2469,7 +2469,11 @@ var EmbedBlock_component = normalizeComponent(
/* harmony default export */ var HeaderBlockvue_type_script_lang_js_ = ({
props: ["data"],
render: function render(createElement) {
return createElement("h" + this.data.level, this.data.text);
return createElement("h" + this.data.level, {
domProps: {
innerHTML: this.data.text
}
});
}
});
// CONCATENATED MODULE: ./src/components/HeaderBlock.vue?vue&type=script&lang=js&
@ -2494,12 +2498,12 @@ var HeaderBlock_component = normalizeComponent(
)
/* harmony default export */ var HeaderBlock = (HeaderBlock_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageBlock.vue?vue&type=template&id=badd32a6&
var ImageBlockvue_type_template_id_badd32a6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',[_c('img',{attrs:{"src":_vm.data.file.url}}),_c('figcaption',{domProps:{"innerHTML":_vm._s(_vm.data.caption)}})])}
var ImageBlockvue_type_template_id_badd32a6_staticRenderFns = []
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageBlock.vue?vue&type=template&id=681bb202&
var ImageBlockvue_type_template_id_681bb202_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figure',[_c('img',{attrs:{"src":_vm.data.file.url}}),_c('figcaption',{domProps:{"innerHTML":_vm._s(_vm.data.caption)}})])}
var ImageBlockvue_type_template_id_681bb202_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/ImageBlock.vue?vue&type=template&id=badd32a6&
// CONCATENATED MODULE: ./src/components/ImageBlock.vue?vue&type=template&id=681bb202&
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageBlock.vue?vue&type=script&lang=js&
//
@ -2525,8 +2529,8 @@ var ImageBlockvue_type_template_id_badd32a6_staticRenderFns = []
var ImageBlock_component = normalizeComponent(
components_ImageBlockvue_type_script_lang_js_,
ImageBlockvue_type_template_id_badd32a6_render,
ImageBlockvue_type_template_id_badd32a6_staticRenderFns,
ImageBlockvue_type_template_id_681bb202_render,
ImageBlockvue_type_template_id_681bb202_staticRenderFns,
false,
null,
null,
@ -2535,12 +2539,12 @@ var ImageBlock_component = normalizeComponent(
)
/* harmony default export */ var ImageBlock = (ImageBlock_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LinkBlock.vue?vue&type=template&id=92561c0c&
var LinkBlockvue_type_template_id_92561c0c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"link-block"},[_c('a',{staticClass:"link-block-href",attrs:{"href":_vm.data.link}},[_c('div',{staticClass:"link-block-meta"},[_c('div',{staticClass:"link-block-title"},[_vm._v(_vm._s(_vm.data.meta.title))]),_c('p',{staticClass:"link-block-description"},[_vm._v(_vm._s(_vm.data.meta.description))]),_c('div',{staticClass:"link-block-anchor"},[_vm._v(_vm._s(_vm.domain))])]),_c('div',{staticClass:"link-block-image",style:({ backgroundImage: ("url(" + (_vm.data.meta.image.url)) })})])])}
var LinkBlockvue_type_template_id_92561c0c_staticRenderFns = []
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LinkBlock.vue?vue&type=template&id=521f7471&
var LinkBlockvue_type_template_id_521f7471_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"link-block"},[_c('a',{staticClass:"link-block-href",attrs:{"href":_vm.data.link,"target":"_blank"}},[_c('div',{staticClass:"link-block-meta"},[_c('div',{staticClass:"link-block-title"},[_vm._v(_vm._s(_vm.data.meta.title))]),_c('p',{staticClass:"link-block-description"},[_vm._v(_vm._s(_vm.data.meta.description))]),_c('div',{staticClass:"link-block-anchor"},[_vm._v(_vm._s(_vm.domain))])]),_c('div',{staticClass:"link-block-image",style:({ backgroundImage: ("url(" + (_vm.data.meta.image.url)) })})])])}
var LinkBlockvue_type_template_id_521f7471_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/LinkBlock.vue?vue&type=template&id=92561c0c&
// CONCATENATED MODULE: ./src/components/LinkBlock.vue?vue&type=template&id=521f7471&
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__("ac1f");
@ -2593,8 +2597,8 @@ var es_string_link = __webpack_require__("9911");
var LinkBlock_component = normalizeComponent(
components_LinkBlockvue_type_script_lang_js_,
LinkBlockvue_type_template_id_92561c0c_render,
LinkBlockvue_type_template_id_92561c0c_staticRenderFns,
LinkBlockvue_type_template_id_521f7471_render,
LinkBlockvue_type_template_id_521f7471_staticRenderFns,
false,
null,
null,
@ -2609,7 +2613,11 @@ var LinkBlock_component = normalizeComponent(
props: ["data"],
render: function render(createElement) {
return createElement(this.data.style === "ordered" ? "ol" : "ul", this.data.items.map(function (item) {
return createElement("li", item);
return createElement("li", {
domProps: {
innerHTML: item
}
});
}));
}
});

2
dist/block-renderer.umd.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/block-renderer.umd.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/block-renderer.umd.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
package.json
View File

@ -1,7 +1,7 @@
{
"name": "block-renderer",
"description": "Content renderer for JSON blocks from Editor.js",
"version": "0.1.10",
"version": "0.1.13",
"author": "KingOfDog <info@kingofdog.de>",
"repository": {
"type": "git",

3
src/components/BlockContentRenderer.vue
View File

@ -65,6 +65,3 @@ export default {
}
};
</script>
<style>
</style>

9
src/components/HeaderBlock.vue
View File

@ -2,10 +2,11 @@
export default {
props: ["data"],
render(createElement) {
return createElement("h" + this.data.level, this.data.text);
},
return createElement("h" + this.data.level, {
domProps: { innerHTML: this.data.text }
});
}
};
</script>
<style>
</style>
<style></style>

5
src/components/ImageBlock.vue
View File

@ -8,9 +8,6 @@
<script>
export default {
props: ["data"],
props: ["data"]
};
</script>
<style>
</style>

9
src/components/ListBlock.vue
View File

@ -4,11 +4,12 @@ export default {
render(createElement) {
return createElement(
this.data.style === "ordered" ? "ol" : "ul",
this.data.items.map((item) => createElement("li", item))
this.data.items.map(item =>
createElement("li", { domProps: { innerHTML: item } })
)
);
},
}
};
</script>
<style>
</style>
<style></style>

4
src/main.js
View File

@ -1,4 +1,6 @@
import BlockContentRenderer from './components/BlockContentRenderer.vue';
export default BlockContentRenderer;
export { BlockContentRenderer };
export {
BlockContentRenderer
};