Subtotal: $47,098.00
I am having substantial difficulty with short codes being altered by the DNN editor upon save/reload. It's a brand new DNN 9.5 installation running locally. I have done the recommended changes to the CK Editor config as recommended in the documentation. I've tried also to go back to default editor configuration, nothing seems to help.
Is anyone else experiencing this issue?
For what it's worth, my editor ProtectedSource looks like this after removing the elements recommended in the documentation:
[( /<i class[\s\S]*?>[\s\S]*?<\/i>/gi ),( /<span class[\s\S]*?>[\s\S]*?<\/span>/gi ),( /<em class[\s\S]*?>[\s\S]*?<\/em>/gi ),( /<button class[\s\S]*?>[\s\S]*?<\/button>/gi )]
Stay safe everyone, and thanks in advance!
Matt
Please make sure to set AllowedContent: true in the CKEditor settings on your site and see if it works.
Persona bar > Site Settings > Site Behavior > More > Open HTML Editor Manager > Editor Config > AllowedContent
Which shortcode you are using? Also provide us step by step instructions to duplicate the issue.
Thanks for the reply, here are two examples of what's happening and the process to reproduce.
Steps:
Example 1 - Word Rotator
<!--Word Rotator Before --> <h1 class="mb-sm word-rotator-title"> Porto is <span class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}"> <span class="word-rotate-items"> <span>incredibly</span> <span>especially</span> <span>extremely</span> </span> </span> <span>beautiful.</span> </h1>
<!--Word Rotator After --> <h1>Porto is incredibly especially extremely beautiful.</h1>
Example 2 - Law Testimonials - BEFORE
<div class="container-fluid Law"> <div class="row"> <div class="col-md-6 p-none"> <section class="section section-primary match-height mt-xl" style="background: url("/Portals/0/Law/Pattern.jpg"); height: 430px;"> <div class="col-md-offset-5 half-section-right"> <h2 class="mb-none">Testimonials</h2> <div class="divider divider-light divider-small mb-xl"> <hr> </div> <div class="owl-carousel owl-theme owl-loaded owl-drag owl-carousel-init" data-plugin-options="{'items': 1, 'loop': false, 'nav': false, 'dots': true}">
<div class="owl-stage-outer"> <div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 1111px;"> <div class="owl-item active" style="width: 555.047px;"> <div class="testimonial testimonial-style-4 testimonial-trasnparent-background testimonial-alternarive-font"> <blockquote> <p class="text-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu pulvinar magna. Phasellus semper scelerisque purus, et semper nisl lacinia sit amet.</p> </blockquote> <div class="testimonial-author"> <div class="testimonial-author-thumbnail"> <img alt="" src="/portals/0/img/clients/client-2.jpg" class="img-responsive img-circle"> </div> <p><strong>Max Smith</strong><span class="text-light">Marketing</span></p> </div> </div> </div> <div class="owl-item" style="width: 555.047px;"> <div class="testimonial testimonial-style-4 testimonial-trasnparent-background testimonial-alternarive-font"> <blockquote> <p class="text-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu pulvinar magna. Phasellus semper scelerisque purus, et semper nisl lacinia sit amet. Praesent venenatis turpis vitae purus semper, eget sagittis velit venenatis.</p> </blockquote> <div class="testimonial-author"> <div class="testimonial-author-thumbnail"> <img alt="" src="/portals/0/img/clients/client-3.jpg" class="img-responsive img-circle"> </div> <p><strong>Bob Smith</strong><span class="text-light">CEO</span></p> </div> </div> </div> </div> </div> <div class="owl-nav disabled"> <div class="owl-prev"></div> <div class="owl-next"></div> </div> <div class="owl-dots"> <div class="owl-dot active"><span></span></div> <div class="owl-dot"><span></span></div> </div> </div> </div> </section> </div> <div class="col-md-6 p-none visible-md visible-lg"> <section class="parallax section section-parallax match-height mt-xl" data-plugin-parallax="parallax" data-plugin-options="{'speed': 2.5, 'offset': 900}" data-image-src="/portals/0/Law/lady-justice.jpg" style="position: relative; overflow: hidden; height: 430px;"> <div class="parallax-background" style="background-image: url("/portals/0/Law/lady-justice.jpg"); background-size: cover; position: absolute; top: -50px; left: 0px; width: 100%; height: 100vh; transform: translate3d(0px, -26.5139px, 0px); background-position-x: 50%;"></div> </section> </div> </div> </div> Example 2 - Law Testimonials - AFTER
<div class="container-fluid Law"> <div class="row"> <div class="col-md-6 p-none"> <div class="col-md-offset-5 half-section-right"> <h2>Testimonials</h2>
<div class="divider divider-light divider-small mb-xl"> <hr /> </div>
<div class="owl-carousel owl-theme owl-loaded owl-drag owl-carousel-init"> <div class="owl-stage-outer"> <div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 1111px;"> <div class="owl-item active" style="width: 555.047px;"> <div class="testimonial testimonial-style-4 testimonial-trasnparent-background testimonial-alternarive-font"> <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu pulvinar magna. Phasellus semper scelerisque purus, et semper nisl lacinia sit amet.</p> </blockquote>
<div class="testimonial-author"> <div class="testimonial-author-thumbnail"><img alt="" class="img-circle img-responsive" src="/portals/0/img/clients/client-2.jpg" /></div>
<p><strong>Max Smith</strong>Marketing</p> </div> </div> </div>
<div class="owl-item" style="width: 555.047px;"> <div class="testimonial testimonial-style-4 testimonial-trasnparent-background testimonial-alternarive-font"> <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu pulvinar magna. Phasellus semper scelerisque purus, et semper nisl lacinia sit amet. Praesent venenatis turpis vitae purus semper, eget sagittis velit venenatis.</p> </blockquote>
<div class="testimonial-author"> <div class="testimonial-author-thumbnail"><img alt="" class="img-circle img-responsive" src="/portals/0/img/clients/client-3.jpg" /></div>
<p><strong>Bob Smith</strong>CEO</p> </div> </div> </div> </div> </div>
<div class="owl-nav disabled"> <div class="owl-prev"> </div>
<div class="owl-next"> </div> </div>
<div class="owl-dots"> <div class="owl-dot active"> </div>
<div class="owl-dot"> </div> </div> </div> </div> </div>
<div class="col-md-6 p-none visible-md visible-lg"> <div class="parallax-background" style="background-image: url("/portals/0/Law/lady-justice.jpg"); background-size: cover; position: absolute; top: -50px; left: 0px; width: 100%; height: 100vh; transform: translate3d(0px, -26.5139px, 0px); background-position-x: 50%;"> </div> </div> </div> </div>
I am seeing similar issues with DNN 9.5 and Porto 5.3.4.
I have set AllowedContent to true.
I even set up a new test page using the Team Template.
The Meet the Team Filter shows.
The image of a team member blinks on for less than a second and disappears.
The length of the page quite long, and changes when I click the filters("Show All", "Leadership", "Marketing" etc.)
Page inspection shows the following warnings:
DevTools failed to load SourceMap: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/iframe_handler.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for https://www.greenhousestl.org/Portals/_default/skins/porto/typed.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
I think the issue was with the older template.
I installed the "Team" template from the latest version of Porto and it worked.
I parsed through and updated my implementation and it is working!!!!
Whew.
Your browser doesn't have Flash, Silverlight or HTML5 support.