{"id":146,"date":"2019-09-16T11:24:35","date_gmt":"2019-09-16T11:24:35","guid":{"rendered":"http:\/\/lhotsetechnologies.com\/blog\/?p=146"},"modified":"2020-01-17T07:34:32","modified_gmt":"2020-01-17T07:34:32","slug":"enable-rte-plugins-for-content-fragment","status":"publish","type":"post","link":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/","title":{"rendered":"Enable RTE Plugins For Content Fragment"},"content":{"rendered":"

In this blog I am going to explain a Content Fragment related issue. This solution is working for AEM6.5. This solution has not been tested for earlier versions of AEM. I will explain this issue on the basis of questionnaires. Let\u2019s start-<\/p>\n

 <\/p>\n

Can we update RTE plugins for Content Fragment?<\/strong><\/p>\n

Yes we can. By default Content Fragment RTE comes up with a small number of options as shown below-<\/p>\n

\"create<\/p>\n

 <\/p>\n

How to do that?<\/strong><\/p>\n

For enabling any plugin in CF RTE we need to override the StyledTextEditor.js. This js file is present at \/libs\/dam\/cfm\/admin\/clientlibs\/v2\/authoring\/contenteditor\/editors\/StyledTextEditor.js location.<\/p>\n

 <\/p>\n

Have you done it for any plugin?<\/strong><\/p>\n

Yes, I have overridden this file for enabling source-edit option. Using source-edit option author can change the HTML of the text.<\/p>\n

 <\/p>\n

What changes you made for enabling this source-edit plugin?<\/strong><\/p>\n

I have created the same structure in \/apps – as shown below-<\/p>\n

\"styled<\/p>\n

I have copied and pasted StyledTextEditor.js file from \/libs directory.<\/p>\n

For enabling and disabling a plugin in this RTE you need to modify the defaultCFMRTEConfig variable value. This variable has a JSON in it. As shown below-<\/p>\n

 <\/p>\n

var <\/strong><\/span>defaultCFMRTEConfig = {<\/p>\n

   “useFixedInlineToolbar”<\/strong><\/span>: “true”<\/strong><\/span>,<\/p>\n

   “rtePlugins”<\/strong><\/span>: {<\/p>\n

     “links”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “misctools”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “edit”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “findreplace”<\/strong><\/span>: {<\/p>\n

       “features”<\/span><\/strong>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “format”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “image”<\/strong>:<\/span> {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “keys”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “justify”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “lists”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “paraformat”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “spellcheck”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “styles”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span>,<\/p>\n

       “styles”<\/strong><\/span>: {<\/p>\n

         “warning”<\/strong><\/span>: {<\/p>\n

           “text”<\/strong><\/span>: “Warning”<\/strong><\/span>,<\/p>\n

           “cssName”<\/strong><\/span>: “warning”<\/strong><\/span><\/p>\n

         <\/strong>},<\/p>\n

         “monospace”<\/strong><\/span>: {<\/p>\n

           “text”<\/strong><\/span>: “Monospace”<\/strong><\/span>,<\/p>\n

           “cssName”<\/strong><\/span>: “monospace”<\/strong><\/span><\/p>\n

         <\/strong>}<\/p>\n

       }<\/p>\n

     },<\/p>\n

     “subsuperscript”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “table”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “undo”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span><\/p>\n

     <\/strong>},<\/p>\n

     “generichtml”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span>,<\/p>\n

       “tools”<\/strong><\/span>: {<\/p>\n

         “comment”<\/strong><\/span>: {<\/p>\n

           “editor”<\/strong><\/span>: “rawpayload”<\/strong><\/span>,<\/p>\n

           “converter”<\/strong><\/span>: “comment”<\/strong><\/span>,<\/p>\n

           “editorConfig”<\/strong><\/span>: {<\/p>\n

             “processor”<\/strong><\/span>: “comment”<\/strong><\/span>,<\/p>\n

             “title”<\/strong><\/span>: “Edit Comment”<\/strong><\/span><\/p>\n

           <\/strong>}<\/p>\n

         }<\/p>\n

       }<\/p>\n

     },<\/p>\n

     “assets”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span>,<\/p>\n

         “tooltips”<\/strong><\/span>: {<\/p>\n

             “insertasset”<\/strong><\/span>: {<\/p>\n

                 “title”<\/strong><\/span>: Granite.I18n.get(“Insert asset”<\/strong><\/span>),<\/p>\n

                 “text”<\/strong><\/span>: Granite.I18n.get(“Insert asset”<\/strong><\/span>)<\/p>\n

             }<\/p>\n

         }<\/p>\n

     },<\/p>\n

     “cfmAnnotate”<\/strong><\/span>: {<\/p>\n

       “features”<\/strong><\/span>: “*”<\/strong><\/span>,<\/p>\n

       “tooltips”<\/strong><\/span>: {<\/p>\n

         “annotate”<\/strong><\/span>: {<\/p>\n

            “title”<\/strong><\/span>: Granite.I18n.get(“Annotate”<\/strong><\/span>),<\/p>\n

            “text”<\/strong><\/span>: Granite.I18n.get(“Annotate”<\/strong><\/span>)<\/p>\n

         }<\/p>\n

       }<\/p>\n

     }<\/p>\n

   },<\/p>\n

   “uiSettings”<\/strong><\/span>: {<\/p>\n

     “cui”<\/strong><\/span>: {<\/p>\n

       “additionalClasses”<\/strong><\/span>: {<\/p>\n

         “fullscreenstart”<\/strong><\/span>: {<\/p>\n

           “classes”<\/strong><\/span>: “”<\/strong><\/span>,<\/p>\n

           “command”<\/strong><\/span>: “fullscreen#start”<\/strong><\/span><\/p>\n

         <\/strong>}<\/p>\n

       },<\/p>\n

       “inline”<\/strong><\/span>: {<\/p>\n

         “toolbar”<\/strong><\/span>: [<\/p>\n

           “#format”<\/strong><\/span>,<\/p>\n

           “#justify”<\/strong><\/span>,<\/p>\n

           “#lists”<\/strong><\/span>,<\/p>\n

           “links#modifylink”<\/strong><\/span>,<\/p>\n

           “links#unlink”<\/strong><\/span>,<\/p>\n

         <\/strong>],<\/p>\n

         “popovers”<\/strong><\/span>: {<\/p>\n

           “justify”<\/strong><\/span>: {<\/p>\n

             “ref”<\/strong><\/span>: “justify”<\/strong><\/span>,<\/p>\n

             “items”<\/strong><\/span>: [<\/p>\n

               “justify#justifyleft”<\/strong><\/span>,<\/p>\n

               “justify#justifycenter”<\/strong><\/span>,<\/p>\n

               “justify#justifyright”<\/strong><\/span><\/p>\n

             <\/strong>]<\/p>\n

           },<\/p>\n

           “lists”<\/strong><\/span>: {<\/p>\n

             “ref”<\/strong><\/span>: “lists”<\/strong><\/span>,<\/p>\n

             “items”<\/strong><\/span>: [<\/p>\n

               “lists#unordered”<\/strong><\/span>,<\/p>\n

               “lists#ordered”<\/strong><\/span>,<\/p>\n

               “lists#outdent”<\/strong><\/span>,<\/p>\n

               “lists#indent”<\/strong><\/span><\/p>\n

             <\/strong>]<\/p>\n

           },<\/p>\n

           “paraformat”<\/strong><\/span>: {<\/p>\n

             “ref”<\/strong><\/span>: “paraformat”<\/strong><\/span>,<\/p>\n

             “items”<\/strong><\/span>: “paraformat:getFormats:paraformat-pulldown”<\/strong><\/span><\/p>\n

           <\/strong>},<\/p>\n

           “format”<\/strong><\/span>: {<\/p>\n

             “ref”<\/strong><\/span>: “format”<\/strong><\/span>,<\/p>\n

             “items”<\/strong><\/span>: [<\/p>\n

               “format#bold”<\/strong><\/span>,<\/p>\n

               “format#italic”<\/strong><\/span>,<\/p>\n

               “format#underline”<\/strong><\/span><\/p>\n

             <\/strong>]<\/p>\n

           }<\/p>\n

         }<\/p>\n

       },<\/p>\n

       “multieditorFullscreen”<\/strong><\/span>: {<\/p>\n

         “toolbar”<\/strong><\/span>: [<\/p>\n

           “#format”<\/strong><\/span>,<\/p>\n

           “#justify”<\/strong><\/span>,<\/p>\n

           “#lists”<\/strong><\/span>,<\/p>\n

           “links#modifylink”<\/strong><\/span>,<\/p>\n

           “links#unlink”<\/strong><\/span>,<\/p>\n

           “edit#paste-plaintext”<\/strong><\/span>,<\/p>\n

           “edit#paste-wordhtml”<\/strong><\/span>,<\/p>\n

           “table#createoredit”<\/strong><\/span>,<\/p>\n

           “#paraformat”<\/strong><\/span>,<\/p>\n

           \/* “image#imageProps”, *\/<\/em><\/p>\n

           <\/em>“assets#insertasset”<\/strong><\/span>,<\/p>\n

           “findreplace#find”<\/strong><\/span>,<\/p>\n

           “findreplace#replace”<\/strong><\/span>,<\/p>\n

           “spellcheck#checktext”<\/strong><\/span>,<\/p>\n

           “cfmAnnotate#annotate”<\/strong><\/span>,<\/p>\n

         <\/strong>],<\/p>\n

         “popovers”<\/strong><\/span>: {<\/p>\n

           “paraformat”<\/strong><\/span>: {<\/p>\n

             “ref”<\/strong><\/span>: “paraformat”<\/strong><\/span>,<\/p>\n

             “items”<\/strong><\/span>: “paraformat:getFormats:paraformat-pulldown”<\/strong><\/span><\/p>\n

           <\/strong>},<\/p>\n

           “justify”<\/strong><\/span>: {<\/p>\n

             “ref”<\/strong><\/span>: “justify”<\/strong><\/span>,<\/p>\n

             “items”<\/strong><\/span>: [<\/p>\n

               “justify#justifyleft”<\/strong><\/span>,<\/p>\n

               “justify#justifycenter”<\/strong><\/span>,<\/p>\n

               “justify#justifyright”<\/strong><\/span><\/p>\n

             <\/strong>]<\/p>\n

           },<\/p>\n

           “lists”<\/strong><\/span>: {<\/p>\n

             “ref”<\/strong><\/span>: “lists”<\/strong><\/span>,<\/p>\n

             “items”<\/strong><\/span>: [<\/p>\n

               “lists#unordered”<\/strong><\/span>,<\/p>\n

               “lists#ordered”<\/strong><\/span>,<\/p>\n

               “lists#outdent”<\/strong><\/span>,<\/p>\n

               “lists#indent”<\/strong><\/span><\/p>\n

             <\/strong>]<\/p>\n

           },<\/p>\n

           “format”<\/strong><\/span>: {<\/p>\n

             “ref”<\/strong><\/span>: “format”<\/strong><\/span>,<\/p>\n

             “items”<\/strong><\/span>: [<\/p>\n

               “format#bold”<\/strong><\/span>,<\/p>\n

               “format#italic”<\/strong><\/span>,<\/p>\n

               “format#underline”<\/strong><\/span><\/p>\n

             <\/strong>]<\/p>\n

           }<\/p>\n

         }<\/p>\n

       },<\/p>\n

       “tableEditOptions”<\/strong><\/span>: {<\/p>\n

         “toolbar”<\/strong><\/span>: [<\/p>\n

           “table#insertcolumn-before”<\/strong><\/span>,<\/p>\n

           “table#insertcolumn-after”<\/strong><\/span>,<\/p>\n

           “table#removecolumn”<\/strong><\/span>,<\/p>\n

           “-“<\/strong><\/span>,<\/p>\n

           “table#insertrow-before”<\/strong><\/span>,<\/p>\n

           “table#insertrow-after”<\/strong><\/span>,<\/p>\n

           “table#removerow”<\/strong><\/span>,<\/p>\n

           “-“<\/strong><\/span>,<\/p>\n

           “table#mergecells-right”<\/strong><\/span>,<\/p>\n

           “table#mergecells-down”<\/strong><\/span>,<\/p>\n

           “table#mergecells”<\/strong><\/span>,<\/p>\n

           “table#splitcell-horizontal”<\/strong><\/span>,<\/p>\n

           “table#splitcell-vertical”<\/strong><\/span>,<\/p>\n

           “-“<\/strong><\/span>,<\/p>\n

           “table#selectrow”<\/strong><\/span>,<\/p>\n

           “table#selectcolumn”<\/strong><\/span>,<\/p>\n

           “-“<\/strong><\/span>,<\/p>\n

           “table#ensureparagraph”<\/strong><\/span>,<\/p>\n

           “-“<\/strong><\/span>,<\/p>\n

           “table#modifytableandcell”<\/strong><\/span>,<\/p>\n

           “table#removetable”<\/strong><\/span>,<\/p>\n

           “-“<\/strong><\/span>,<\/p>\n

           “undo#undo”<\/strong><\/span>,<\/p>\n

           “undo#redo”<\/strong><\/span>,<\/p>\n

           “-“<\/strong><\/span>,<\/p>\n

           “table#exitTableEditing”<\/strong><\/span>,<\/p>\n

           “-“<\/strong><\/span><\/p>\n

         <\/strong>]<\/p>\n

       }<\/p>\n

     }<\/p>\n

   },<\/p>\n

   “htmlRules”<\/strong><\/span>: {<\/p>\n

       “genericHtml”<\/strong><\/span>: {<\/p>\n

           “converters”<\/strong><\/span>: [<\/p>\n

               {<\/p>\n

                   “type”<\/strong><\/span>: “video”<\/strong><\/span>,<\/p>\n

                   “name”<\/strong><\/span>: “video”<\/strong><\/span>,<\/p>\n

                   “detectors”<\/strong><\/span>: [<\/p>\n

                       {<\/p>\n

                           “type”<\/strong><\/span>: “element”<\/strong><\/span>,<\/p>\n

                           “tagName”<\/strong><\/span>: “video”<\/strong><\/span><\/p>\n

                       <\/strong>}<\/p>\n

                   ],<\/p>\n

                   “thumbnailMaxWidth”<\/strong><\/span>: 240<\/span>,<\/p>\n

                   “keepEmptyContainers”<\/strong><\/span>: true<\/strong><\/span><\/p>\n

               <\/strong>}, {<\/p>\n

                   “type”<\/strong><\/span>: “imagethumb”<\/strong><\/span>,<\/p>\n

                   “name”<\/strong><\/span>: “imagethumb”<\/strong><\/span>,<\/p>\n

                   “detectors”<\/strong><\/span>: [<\/p>\n

                       {<\/p>\n

                           “type”<\/strong><\/span>: “element”<\/strong><\/span>,<\/p>\n

                           “tagName”<\/strong><\/span>: “img”<\/strong><\/span><\/p>\n

                       <\/strong>}<\/p>\n

                   ],<\/p>\n

                   “thumbnailMaxWidth”<\/strong><\/span>: 240<\/span>,<\/p>\n

                   “keepEmptyContainers”<\/strong><\/span>: true<\/strong><\/span><\/p>\n

               <\/strong>}<\/p>\n

           ]<\/p>\n

       }<\/p>\n

   }<\/p>\n

};<\/p>\n

 <\/p>\n

If you check this JSON, there are different sections-<\/p>\n

By default all plugin are added with all features using * rtePlugins section. We only need to enable required features.<\/p>\n

There is second section named as uiSettings, this is the place where we need to enable options in different screen sizes.<\/p>\n

For adding any feature inline we need to make an entry in inline section as I have added for source-edit option. I have added “misctools#sourceedit”<\/strong> At the end of available options Here is the screenshot.<\/p>\n

\"misctools\"<\/p>\n

\"\"<\/p>\n

For enabling any feature in maximized view you need to make same entry in multieditorFullscreen <\/strong>Section. Here is the screenshot.<\/p>\n

\"\"<\/p>\n

At the end I have added my feature entry. After adding it you will see this option in maximized view. Here is the screenshot.<\/p>\n

\"\"<\/p>\n

Have you faced any other challenge other than this configuration change?<\/strong><\/p>\n

Yes,<\/p>\n

 <\/p>\n

What was that?<\/strong><\/p>\n

I was facing a CSS issue becasue source-edit option opens up a textarea and CSS is not present in this clientlib.<\/p>\n

 <\/p>\n

What you have done for it?<\/strong><\/p>\n

I have created a new clientlib with a category name dam.cfm.authoring.contenteditor.v2.<\/p>\n

\"\"<\/p>\n

I have added my css changes there-<\/p>\n

.cfm-multieditor-toolbar-parent .rte-sourceEditor {<\/p>\n

  width: 99.6%;<\/p>\n

  min-height: 14rem;<\/p>\n

   height:auto;<\/p>\n

}<\/p>\n

 <\/p>\n

.cfm-multieditor-fullscreen-richtext-editor-wrapper .rte-sourceEditor {<\/p>\n

  width: 99.6%;<\/p>\n

  min-height: 14rem;<\/p>\n

   height:500px;<\/p>\n

}<\/p>\n

 <\/p>\n

And build my code.<\/p>\n

 <\/p>\n

I don’t want to overlay the existing StyledTextEditor.js file, do we have any other way to add source-edit plugin? Or do we have any other way for enabling a plugin?<\/strong><\/p>\n

Yes, you can create a new js file in your custom clientlib and add the category name as dam.cfm.authoring.contenteditor.v2. It will do the job for you.<\/p>\n

Here is the screenshot of clientlib.-<\/p>\n

\"content<\/p>\n

 <\/p>\n

Have you got the expected result?<\/strong><\/p>\n

Yes, I got the expected result and this plugin is working fine for me.<\/p>\n

 <\/p>\n

Namah Shivay
\nHappy Coding.<\/p>\n","protected":false},"excerpt":{"rendered":"

In this blog I am going to explain a Content Fragment related issue. This solution is working for AEM6.5. This […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[169,1],"tags":[],"class_list":["post-146","post","type-post","status-publish","format-standard","hentry","category-rte-plugins","category-uncategorized"],"yoast_head":"\nEnable RTE Plugins For Content Fragment - AEM Blog | Lhotse Technologies<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Enable RTE Plugins For Content Fragment - AEM Blog | Lhotse Technologies\" \/>\n<meta property=\"og:description\" content=\"In this blog I am going to explain a Content Fragment related issue. This solution is working for AEM6.5. This […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/\" \/>\n<meta property=\"og:site_name\" content=\"AEM Blog | Lhotse Technologies\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-16T11:24:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-17T07:34:32+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/09\/create-variation.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/#\/schema\/person\/d1daa7081420d3cf2a02c309ee3f5800\"},\"headline\":\"Enable RTE Plugins For Content Fragment\",\"datePublished\":\"2019-09-16T11:24:35+00:00\",\"dateModified\":\"2020-01-17T07:34:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/\"},\"wordCount\":3205,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/09\/create-variation.png\",\"articleSection\":[\"RTE Plugins\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/\",\"url\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/\",\"name\":\"Enable RTE Plugins For Content Fragment - AEM Blog | Lhotse Technologies\",\"isPartOf\":{\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/09\/create-variation.png\",\"datePublished\":\"2019-09-16T11:24:35+00:00\",\"dateModified\":\"2020-01-17T07:34:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#primaryimage\",\"url\":\"https:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/09\/create-variation.png\",\"contentUrl\":\"https:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/09\/create-variation.png\",\"width\":1600,\"height\":389,\"caption\":\"create variation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/lhotsetechnologies.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Enable RTE Plugins For Content Fragment\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/#website\",\"url\":\"https:\/\/lhotsetechnologies.com\/blog\/\",\"name\":\"AEM Blog | Lhotse Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/lhotsetechnologies.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/#organization\",\"name\":\"AEM Blog | Lhotse Technologies\",\"url\":\"https:\/\/lhotsetechnologies.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/07\/lhotse-logo.png\",\"contentUrl\":\"https:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/07\/lhotse-logo.png\",\"width\":539,\"height\":172,\"caption\":\"AEM Blog | Lhotse Technologies\"},\"image\":{\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/#\/schema\/person\/d1daa7081420d3cf2a02c309ee3f5800\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/lhotsetechnologies.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/829547de0cecf5477afeaf7ff2a49fc87a026be43cb5403fa54d0fd419192479?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/829547de0cecf5477afeaf7ff2a49fc87a026be43cb5403fa54d0fd419192479?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/lhotsetechnologies.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Enable RTE Plugins For Content Fragment - AEM Blog | Lhotse Technologies","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/","og_locale":"en_US","og_type":"article","og_title":"Enable RTE Plugins For Content Fragment - AEM Blog | Lhotse Technologies","og_description":"In this blog I am going to explain a Content Fragment related issue. This solution is working for AEM6.5. This […]","og_url":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/","og_site_name":"AEM Blog | Lhotse Technologies","article_published_time":"2019-09-16T11:24:35+00:00","article_modified_time":"2020-01-17T07:34:32+00:00","og_image":[{"url":"http:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/09\/create-variation.png","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#article","isPartOf":{"@id":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/"},"author":{"name":"admin","@id":"https:\/\/lhotsetechnologies.com\/blog\/#\/schema\/person\/d1daa7081420d3cf2a02c309ee3f5800"},"headline":"Enable RTE Plugins For Content Fragment","datePublished":"2019-09-16T11:24:35+00:00","dateModified":"2020-01-17T07:34:32+00:00","mainEntityOfPage":{"@id":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/"},"wordCount":3205,"commentCount":0,"publisher":{"@id":"https:\/\/lhotsetechnologies.com\/blog\/#organization"},"image":{"@id":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#primaryimage"},"thumbnailUrl":"http:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/09\/create-variation.png","articleSection":["RTE Plugins"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/","url":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/","name":"Enable RTE Plugins For Content Fragment - AEM Blog | Lhotse Technologies","isPartOf":{"@id":"https:\/\/lhotsetechnologies.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#primaryimage"},"image":{"@id":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#primaryimage"},"thumbnailUrl":"http:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/09\/create-variation.png","datePublished":"2019-09-16T11:24:35+00:00","dateModified":"2020-01-17T07:34:32+00:00","breadcrumb":{"@id":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#primaryimage","url":"https:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/09\/create-variation.png","contentUrl":"https:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/09\/create-variation.png","width":1600,"height":389,"caption":"create variation"},{"@type":"BreadcrumbList","@id":"https:\/\/lhotsetechnologies.com\/blog\/enable-rte-plugins-for-content-fragment\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lhotsetechnologies.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Enable RTE Plugins For Content Fragment"}]},{"@type":"WebSite","@id":"https:\/\/lhotsetechnologies.com\/blog\/#website","url":"https:\/\/lhotsetechnologies.com\/blog\/","name":"AEM Blog | Lhotse Technologies","description":"","publisher":{"@id":"https:\/\/lhotsetechnologies.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lhotsetechnologies.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/lhotsetechnologies.com\/blog\/#organization","name":"AEM Blog | Lhotse Technologies","url":"https:\/\/lhotsetechnologies.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lhotsetechnologies.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/07\/lhotse-logo.png","contentUrl":"https:\/\/lhotsetechnologies.com\/blog\/wp-content\/uploads\/2019\/07\/lhotse-logo.png","width":539,"height":172,"caption":"AEM Blog | Lhotse Technologies"},"image":{"@id":"https:\/\/lhotsetechnologies.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/lhotsetechnologies.com\/blog\/#\/schema\/person\/d1daa7081420d3cf2a02c309ee3f5800","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lhotsetechnologies.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/829547de0cecf5477afeaf7ff2a49fc87a026be43cb5403fa54d0fd419192479?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/829547de0cecf5477afeaf7ff2a49fc87a026be43cb5403fa54d0fd419192479?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/lhotsetechnologies.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/lhotsetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lhotsetechnologies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lhotsetechnologies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lhotsetechnologies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lhotsetechnologies.com\/blog\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":6,"href":"https:\/\/lhotsetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/146\/revisions"}],"predecessor-version":[{"id":554,"href":"https:\/\/lhotsetechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/146\/revisions\/554"}],"wp:attachment":[{"href":"https:\/\/lhotsetechnologies.com\/blog\/wp-json\/wp\/v2\/media?parent=146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lhotsetechnologies.com\/blog\/wp-json\/wp\/v2\/categories?post=146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lhotsetechnologies.com\/blog\/wp-json\/wp\/v2\/tags?post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}