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.
Related
I built an custom template custom built html - with all possible variations - to can be used as a starting template for future emails - i would like to hide some blocks in one of emails - i tried to use the
mc:hideable
But not working - short can't hide the content what not need it - the hideable content has inline editable text and image too.
By curiosity i checked the code source in chrome developer toolbar
https://www.dropbox.com/s/ifndwy1xwxqhxxl/Screenshot%202019-01-02%2018.09.07.png?dl=0
the hide button is there- but for some reason is set tohidden - to not show up - not sure what need to do to can enable.
Thanks!
Finally got cleared for me - writing here if somebody ouccurs same problem to get on faster;
The custom built template - blocks can be hide only in campaign when you create a new one and do the edits there , not when you directly edit/work on template.
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.
I've just learned about the existence of such plug-in. I'm trying to implement an image upload feature using KCFinder. I've also used the standard version of CKEditor, that contains a button for image uploading, without a "Upload" tab.
Instructions tell me to add some lines in CKEditor's config.js, indicating the KCFinder's browser and upload scripts, as follows:
config.filebrowserImageBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=images';
config.filebrowserImageUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=images';
I've tried many different ways to specify the location of these scripts, but no matter what I do, when attempting to upload the image to the server, an error message will show up:
Sorry, the page you are looking for could not be found.
Tons of tutorials, but none help me.
<script>CKEDITOR.replace('body', {
filebrowserUploadUrl: '/admin/upload/content',
filebrowserImageUploadUrl: '/admin/upload/content',
})</script>
replace selector textarea
I am using CKEditor to provide a WYSIWYG for one of the fields I am storing in the database.
There are records marked as deleted and so editing them is forbidden. I managed to disable all the input fields inside my form by adding the disabled attribute on the fieldset element. This approach however doesn't disable CKEditor.
I'm not sure what version this got implemented but on CKEditor 4 using
CKEDITOR.config.readOnly = true;
seems to solve the issue.
I am working on classified ads project in asp.net mvc3. I am facing problem in filter search page I want to change the URL without loading the whole page like Facebook or Linkedin before change:
http://localhost:4847/Category/Clothing/
after change when user remove category:
http://localhost:4847/Category/
And when user select category it should be change to append category as I show on top.
I am using ajax for filter search
You can make use of the Html5 History API
Anyway this is an Html5 feature and not all browsers may support it. In this case I would suggest directly using a plugin that degrades to hash changes if not supported, like History.js
This is fundamentally the same question as how to fix the browser history back-forward buttons. Checkout What is the best back button jQuery plugin?, it really could help you alot!