CKEditor <object> tag is getting rendered as <cke:object> in the UI - ckeditor

I need to disable or prevent adding {cke_protected} commented code into backend DB when I try to add some content in the CKEditor. In the backend I can see these commented line. Can we prevent this?
I have to object tag in the editor but when its save into DB and render in the UI its showing as below.
<object class="pic2 transparent-opacity" data="https://xxxxxx/media/Head-Animation.svg" type="image/svg+xml"></object>
to
<cke:object class="pic2 transparent-opacity" data="https://xxxxxx/media/Head-Animation.svg" type="image/svg+xml"></cke:object>

Related

Implementacja summernote

I need help implementing summernote. I can't use summernote to save the content in an HTML file Can someone send an example page in Bootstrap with summernote implemented so that the edited text is saved permanently on the Bootstrap page.
I tried to use this:
http://omnibus24.online/test/index2.html

Is there any way to change meta tag from the source code with vue js?

As you all know Vue js works in template. So it load the content the the page dynamically. so there is no way to change the meta tags manually. So there is a package called vue meta which is used to change the meta tags of the vue page dynamically. But the problem is when I change the meta tag dynamically It only changes in the inspect. But when I open the page source it isn't changing there.
you can see the meta tags in the inspector here
but there is no change in the page source
I even tried server side rendering for this. Is there any solutions??
Thanks in Advance

Facebook like button's iframe not expanded after ajax request

I'm adding a facebook share button to each post on a Wordpress (Using Facebook Share Button New plugin), it works ok for each post/page except when i'm loading them trough ajax, the result it's a normal Facebook like button but the popup (to write a comment) appears inside the button it is not expanded.
To check go to: http://iwanttobeher.com/ and then click on any face at the bottom of the page, then test the like button and you'll see what happens.
I don't know what to do, i tried to FB.XFBML.parse() after loading the content but the result is the same.
Switching to HTML5 didn't help in our case. What did was to remove the FB object just prior to new content being inserted into the page via Ajax:
delete FB;
wrapper.html(response.data);
We reload full pages via Ajax and so new page content recreates the FB object and re-initializes XFBML anyway. Not sure if this workaround would work if we reloaded only parts of the page though.
The original answer is here.
I've managed to fix it by changing the implementation to HTML5 instead Iframe or XFBML using Facebook's tool to generate like buttons: https://developers.facebook.com/docs/reference/plugins/like/

Bootstrap collapse not working for content loaded via Ajax

I am new to Bootstrap. I am facing a problem which I am not able to figure out the reason. If I load a content dynamically the collapse is not working. It is not adding the class in on hover as in http://twitter.github.com/bootstrap/javascript.html#collapse but if the same html copied from dom and added as a static element the method is working. I am using ajax to load the content and in the complete function initializing the events. Any idea why the content don't expand on hover with ajax.
Call $(".collapse").collapse(); after contents are loaded dynamically.

Load html without refresh

Im unsure of how to approach this, should I have the html to be loaded hidden or load it from somewhere? I want to load a form in one page, and dynamic content on other pages.
The form can be saved to mongo db, and when the page loads should load the data into that form from mongo db.
Where does the html live for all the pages? I want to have a clean html5 document with lets say a content div. all content goes into that block.
Server running Django
Im want to use backbone.js for the app
any help would be appreciated
The initial page should include the basic layout of the application (header, content, sidebar, different placeholder for your views, etc.)
Then you load the application (usually with a controller) and render the different view that will replace the placeholders you had in your layout.
To render the views, I suggest to use a templating engine. With backbone.js there is already underscore.js on the page, so you can use the templating engine included (http://documentcloud.github.com/underscore/#template). You then have to load the template on the page. The easiest way is to create include a script element on the page with your template inside:
<script type="text/template" name="template1">
your template here...
</script>
And you can load it using this:
var template = _.template( jQuery("script[name=template1]").text() )
and execute with your data
var html = template(model)
You build your page with different backbone views using different template.
I hope that help!

Resources