question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

wysiwyg img uploads and embed

See original GitHub issue

We’re using the option for cloudinary image uploads in wysiwyg fields and though the image displays properly in the editor, the code in the database appears as…

<div>
[img]http://res.cloudinary.com/.../.../imagename.png[/img]
</div>

We’re using Swig as our template engine. How is this supposed to output properly?

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:5

github_iconTop GitHub Comments

2reactions
goodwenchcommented, Mar 17, 2016

Disabling the bbCode plugin fixes it.

In your keystone.js file, remove bbcode from this list.

'wysiwyg additional plugins': 'example, table, advlist, anchor,' + ' autolink, autosave, bbcode, charmap, contextmenu, ' + ' directionality, emoticons, hr, media, pagebreak,' + ' paste, preview, print, searchreplace, textcolor,' + ' visualblocks, visualchars, wordcount',

0reactions
mxstbrcommented, Mar 17, 2016

That sounds reasonable - would you like to submit a PR? 👍

Read more comments on GitHub >

github_iconTop Results From Across the Web

Inserting an image into the WYSIWYG Editor - Customer Care
Click Insert Image ( ), and then Upload Image ( ). Click Drop image to select an image file from your computer. If...
Read more >
Insert Images into the WYSIWYG Editor
In the Image Insert field, click Choose File and select a file from your computer. Once you've chosen the file, click Open. Click...
Read more >
How to Add an Image to Your Site Using the WYSIWYG Editor
Once you've made the choice, click the Upload button at the top. In the next pop-up, click Add Files > select the image...
Read more >
Upload Image | Image Concepts - Froala
Upload Image. For testing purposes, the Froala Rich Text Editor by default stores the images temporarily as a Blob file in the browser...
Read more >
Froala Image Uploader Is the WYSIWYG Editor That Everyone ...
The Image Uploader is a JavaScript plugin that allows you to upload images to your website. If you integrate it into a form,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found