I am building an application using laravel and vuejs but for some reason I cannot use tinymce properly.
I see the editor as I want and write whatever I want in it. But when I try to view the content, all the html tags show as you can see in the image
I installed it following the github documentation here
npm install #tinymce/tinymce-vue
Imported in my vue template
import Editor from '#tinymce/tinymce-vue';
components: {
'editor' : Editor
}
And then I bind the element
<editor v-model="post.description"></editor>
So instead of showing " This text will be bold", it should show me "This text will be bold"
After some research I ended up realising that I had to use the v-html in order to read the html tags
so instead of showing like this:
<td>{{post.description}}<td>
I am now doing the following:
<td v-html="post.description"><td>
I think you are using TinyMCE proper way. It returns HTML, not a plain text. And when you remove tags from that returned HTML, you will lost all formatting, images and links. But if this is what are you looking for, just dive into TinyMCE documentation - it's a question of configuration.
Related
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
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
Using the CKEditor with strapi to allow rich-text fields, some work great while others are rendering as MediaLib uploads only.
Here's the content type in Strapi:
And here's how it renders:
I add them the same way as any text field:
My versions are:
"#ckeditor/ckeditor5-build-classic": "^27.0.0",
"#ckeditor/ckeditor5-react": "^3.0.2",
The only way to get the full ckeditor field to show back up was a complete rebuild of the code from the source. There wasn't anything missing or changed from this, so I'm not sure if this is cache related or not but this is worrisome if it can reappear.
I'm using TinyMCE on my Joomla website.
I made script tags allowed in TinyMCE configuration.
now when I add script tag into the code, after saving, words like script and javascript change to s-cript and j-avascript. see the code below:
<div id="15354385923149200"><s-cript type="text/J-avaScript" src="https://www.aparat.com/embed/58aFO?data[rnddiv]=15354385923149200&data[responsive]=yes"> </s-cript></div>
why does this happen? how can I fix this?
A bit of searching around leads me to guess you are using RSFirewall and that product is causing this change. I found a few posts online that reference RSFirewall making this change.
https://www.rsjoomla.com/support/documentation/rsfirewall-user-guide/frequently-asked-questions/rsfirewall-doesnt-allow-me-to-add-html-css-or-javascript-to-a-module.html
I'm using jet-pack carousel in my gallery website and i want to add image rating capabilities. I have the "wp-postratings" plugin running on the rest of my site.
I'm assuming that i could add this to individual images as wp treats each image as a post, if so where would i find the template i should add this code to?
All the plugin requires is that i add one line of php to the page/image but i can't figure out where it shoud go as the code for carousel seems to be entirely js and php generated.
demo: http://so.devilmaycode.it/adding-rating-feature-to-jetpack-carousel/gallery/
in a js file jetPack_meet_wpPostRating.js copy this code (place the file in the js folder of your theme):
https://gist.github.com/aSeptik/9739808
in the functions.php file of your theme put this code:
https://gist.github.com/aSeptik/9739808
NOTE
after installing the above scripts make sure to delete the browser cache before test.
tested with latest wordpress, jetpack and wp-postrating versions.
this will also work with multiple gallery in the same page.
does not need to put any extra [ratings] shortcode anyware.
the bounty for this answer is too low... ;)
FIX
Fixed bugs added some check and debug to consol.log...
You can use hook into the Jetpack Carousel on the server-side
(like to output your data, for example).
Then on the client-side, get your Javascript rating code to
load after the Jetpack+Carousel JS, and hook into them
(hook on the bindings, etc).
JetPack provides 2 JavaScript hooks:
1) jp_carousel.afterOpen
2)jp_carousel.beforeClose.
Action hook code example