{"id":558,"date":"2022-12-14T09:10:00","date_gmt":"2022-12-14T08:10:00","guid":{"rendered":"http:\/\/localhost:8888\/?p=558"},"modified":"2025-11-26T09:10:00","modified_gmt":"2025-11-26T09:10:00","slug":"text-editor-and-text-viewer-blocks","status":"publish","type":"post","link":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/2022\/12\/text-editor-and-text-viewer-blocks\/","title":{"rendered":"Text Editor and Text Viewer Blocks"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Working with text can be very powerful. The <strong>Text Editor<\/strong> block allows us to insert text. We will create a publicly editable block with valid JSON, that the visitors can edit. <\/p>\n\n\n\n<div class=\"wp-block-inseri-core-text-editor\" data-attributes=\"{&quot;blockId&quot;:&quot;d6LMf6uDcLLN9Lm2uSvRS&quot;,&quot;content&quot;:&quot;%7B%0A%20%20%22Key%22%3A%20%22value%22%0A%7D&quot;,&quot;contentType&quot;:&quot;application\/json&quot;,&quot;editable&quot;:true,&quot;height&quot;:97,&quot;isVisible&quot;:true,&quot;label&quot;:&quot;Feel free to edit the JSON text below&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;textEditor&quot;}}\">is loading &#8230;<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Text Viewer<\/strong> block allows displaying the text, without the option of editing it. Change the text above, in the Text Editor and it will be immediately displayed below in the Text Viewer.<\/p>\n\n\n\n<div class=\"wp-block-inseri-core-text-viewer\" data-attributes=\"{&quot;blockId&quot;:&quot;3QuqJalUH9kFvyu8tXsRn&quot;,&quot;content&quot;:&quot;&quot;,&quot;height&quot;:105,&quot;inputKey&quot;:&quot;d6LMf6uDcLLN9Lm2uSvRS\/content&quot;,&quot;label&quot;:&quot;&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;textViewer&quot;}}\">is loading &#8230;<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">For more details please see <a href=\"https:\/\/inseri-swiss.github.io\/inseri-core-wp\/blocks\/textViewer\/\" target=\"_blank\" rel=\"noreferrer noopener\">Text Viewer<\/a> and <a href=\"https:\/\/inseri-swiss.github.io\/inseri-core-wp\/blocks\/textEditor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Text Editor<\/a> documentation.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-inseri-core-export alignright\" data-attributes=\"{&quot;align&quot;:&quot;right&quot;,&quot;blockId&quot;:&quot;vaxQQCzmrnvQCf4meQgfk&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;export&quot;},&quot;postId&quot;:558}\">is loading &#8230;<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-inseri-core-share alignright\" data-attributes=\"{&quot;align&quot;:&quot;right&quot;,&quot;blockId&quot;:&quot;KTETwIissQyi0jL3ZpuwV&quot;,&quot;copiedText&quot;:&quot;Copied&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;share&quot;},&quot;showIcon&quot;:true,&quot;text&quot;:&quot;Share&quot;}\">is loading &#8230;<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Working with text can be very powerful. The Text Editor block allows us to insert text. We will create a publicly editable block with valid JSON, that the visitors can edit. The Text Viewer block allows displaying the text, without the option of editing it. Change the text above, in the Text Editor and it [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[40,50,52,53],"class_list":["post-558","post","type-post","status-publish","format-standard","hentry","category-inseri-core-block","tag-export","tag-share","tag-text-editor","tag-text-viewer"],"_links":{"self":[{"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts\/558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/comments?post=558"}],"version-history":[{"count":1,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts\/558\/revisions"}],"predecessor-version":[{"id":2108,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts\/558\/revisions\/2108"}],"wp:attachment":[{"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/media?parent=558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/categories?post=558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/tags?post=558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}