Allow html tags in headers and lists

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

View File

@ -2192,12 +2192,12 @@ if (typeof window !== 'undefined') {
// Indicate to webpack that this file can be concatenated // Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null); /* 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 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 = [] 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 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
var es_array_map = __webpack_require__("d81d"); var es_array_map = __webpack_require__("d81d");
@ -2460,7 +2460,11 @@ var EmbedBlock_component = normalizeComponent(
/* harmony default export */ var HeaderBlockvue_type_script_lang_js_ = ({ /* harmony default export */ var HeaderBlockvue_type_script_lang_js_ = ({
props: ["data"], props: ["data"],
render: function render(createElement) { 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& // 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); /* 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& // 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_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_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_badd32a6_staticRenderFns = [] 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& // 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( var ImageBlock_component = normalizeComponent(
components_ImageBlockvue_type_script_lang_js_, components_ImageBlockvue_type_script_lang_js_,
ImageBlockvue_type_template_id_badd32a6_render, ImageBlockvue_type_template_id_681bb202_render,
ImageBlockvue_type_template_id_badd32a6_staticRenderFns, ImageBlockvue_type_template_id_681bb202_staticRenderFns,
false, false,
null, null,
null, null,
@ -2526,12 +2530,12 @@ var ImageBlock_component = normalizeComponent(
) )
/* harmony default export */ var ImageBlock = (ImageBlock_component.exports); /* 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& // 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_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_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_92561c0c_staticRenderFns = [] 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 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__("ac1f"); var es_regexp_exec = __webpack_require__("ac1f");
@ -2584,8 +2588,8 @@ var es_string_link = __webpack_require__("9911");
var LinkBlock_component = normalizeComponent( var LinkBlock_component = normalizeComponent(
components_LinkBlockvue_type_script_lang_js_, components_LinkBlockvue_type_script_lang_js_,
LinkBlockvue_type_template_id_92561c0c_render, LinkBlockvue_type_template_id_521f7471_render,
LinkBlockvue_type_template_id_92561c0c_staticRenderFns, LinkBlockvue_type_template_id_521f7471_staticRenderFns,
false, false,
null, null,
null, null,
@ -2600,7 +2604,11 @@ var LinkBlock_component = normalizeComponent(
props: ["data"], props: ["data"],
render: function render(createElement) { render: function render(createElement) {
return createElement(this.data.style === "ordered" ? "ol" : "ul", this.data.items.map(function (item) { return createElement(this.data.style === "ordered" ? "ol" : "ul", this.data.items.map(function (item) {
return createElement("li", item); return createElement("li", {
domProps: {
innerHTML: item
}
});
})); }));
} }
}); });

File diff suppressed because one or more lines are too long

View File

@ -2201,12 +2201,12 @@ if (typeof window !== 'undefined') {
// Indicate to webpack that this file can be concatenated // Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null); /* 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 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 = [] 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 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
var es_array_map = __webpack_require__("d81d"); var es_array_map = __webpack_require__("d81d");
@ -2469,7 +2469,11 @@ var EmbedBlock_component = normalizeComponent(
/* harmony default export */ var HeaderBlockvue_type_script_lang_js_ = ({ /* harmony default export */ var HeaderBlockvue_type_script_lang_js_ = ({
props: ["data"], props: ["data"],
render: function render(createElement) { 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& // 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); /* 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& // 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_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_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_badd32a6_staticRenderFns = [] 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& // 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( var ImageBlock_component = normalizeComponent(
components_ImageBlockvue_type_script_lang_js_, components_ImageBlockvue_type_script_lang_js_,
ImageBlockvue_type_template_id_badd32a6_render, ImageBlockvue_type_template_id_681bb202_render,
ImageBlockvue_type_template_id_badd32a6_staticRenderFns, ImageBlockvue_type_template_id_681bb202_staticRenderFns,
false, false,
null, null,
null, null,
@ -2535,12 +2539,12 @@ var ImageBlock_component = normalizeComponent(
) )
/* harmony default export */ var ImageBlock = (ImageBlock_component.exports); /* 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& // 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_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_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_92561c0c_staticRenderFns = [] 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 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__("ac1f"); var es_regexp_exec = __webpack_require__("ac1f");
@ -2593,8 +2597,8 @@ var es_string_link = __webpack_require__("9911");
var LinkBlock_component = normalizeComponent( var LinkBlock_component = normalizeComponent(
components_LinkBlockvue_type_script_lang_js_, components_LinkBlockvue_type_script_lang_js_,
LinkBlockvue_type_template_id_92561c0c_render, LinkBlockvue_type_template_id_521f7471_render,
LinkBlockvue_type_template_id_92561c0c_staticRenderFns, LinkBlockvue_type_template_id_521f7471_staticRenderFns,
false, false,
null, null,
null, null,
@ -2609,7 +2613,11 @@ var LinkBlock_component = normalizeComponent(
props: ["data"], props: ["data"],
render: function render(createElement) { render: function render(createElement) {
return createElement(this.data.style === "ordered" ? "ol" : "ul", this.data.items.map(function (item) { return createElement(this.data.style === "ordered" ? "ol" : "ul", this.data.items.map(function (item) {
return createElement("li", item); return createElement("li", {
domProps: {
innerHTML: item
}
});
})); }));
} }
}); });

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

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

View File

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

View File

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

View File

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

View File

@ -4,11 +4,12 @@ export default {
render(createElement) { render(createElement) {
return createElement( return createElement(
this.data.style === "ordered" ? "ol" : "ul", 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> </script>
<style> <style></style>
</style>

View File

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