[New Plugin] Bdk Text Editor

@gaurav is it possible to have the read-only mode not show the editor menu? I could workaround the limitation if I was able to set “air mode” in workflow.

Instead of this read-only mode:

I would like this as the read-only mode (this is how the system shows in “air mode”):

You can turn on the read only and air mode both simultaneously. That’s what you’re looking for

I meant through an action. There’s only “toggle read-only mode” in the workflow actions.

I want a person to be able to click a button to switch from “read-only” to “edit mode”. If I have “air mode” pre-selected, then when I trigger the “toggle read-only” from true to false, I do not see the editor menu, so I need a way to turn on/off air mode at the same time.

image

@gaurav I am having trouble setting the initial content. I tried to do it through a workflow and through the Texteditors option to set it and it doesn’t seem to work. Any ideas what I should do?

Screenshots of what I did:
First I tried this:

Then deleted the above and tried this in a workflow:
28%20PM

**Got the solution to my question above: I was passing HTML content into Rich Content. So it didn’t display. Changed it to HTML and it works.

This feature request is now available:

2 Likes

Can I not enable auto-binding on parent elements thing with this text editor? Maybe I am missing something. My users will need to type something and they should not have to hit save or they might lose their work. I am having the page save the editors content every 5 seconds to the post. not sure if that is a smart way to do it or not?

Yeah it doesn’t support auto binding at the moment. I’ll add this to feature request and look at what can be done. :+1:

1 Like

Hi @gaurav - just got the text editor, it’s a great plugin thanks for building.

I’m using it for a blog and comment system and had a few questions/observations:

  • When using it to output the text, is it possible to have the height expand to fit the full text? At the moment you need to scroll to read the full text.
  • When displaying output using HTML element, the monotype / serif formatting doesn’t seem to be applying.
  • Font choice/styling: I see this has been requested above. I’d just like to add that this would be a very useful addition to have. I’m not using a custom font, but having the ability to output fonts in the saved ‘style’ (weight/line spacing etc) I’m using in the app would be essential for the blog.

Thanks,

Marco

2 Likes

Awesome thanks @Guarav! For anyone else using the plugin now, I have put in an invisible input which has the placeholder as the BDK editors value and enable auto-binding on this input

3 Likes

Hi @marconappolini

Thanks for the feedback!
Just got done with a new plugin :smiley: so back to bdk text editor. Yes you’re right that couple of these features have been requested by multiple users. I’m looking into these now and hope to keep making it useful to more users.

Cheers,
Gaurav

1 Like

[Plugin Update] Dec 20, 2018

Just released an update to the plugin.
Now you can ‘Stretch to fit content’ the text editor. Enjoy :smiley:

1 Like

Is anyone else seeing that the size of the output from the BDK Text Editor is very large when you include images? I have about 150 test blog posts with very little text. When I copy and paste or use the insert image button the HTML that renders is very very long and creates a large Post file size. The size of my export All Posts.csv fie is 3.6mb. This means pulling in this data in a repeating group is really slow in my app. Anyone have any ideas how to fix this?

@tmuelle1 The images are being converted from their native mime type into an encoded base64 string, which is in turn outputting that lengthy HTML when drag-dropping/copy-pasting/inserting-image. The way around this is to upload files to your Bubble app’s database (using a file uploader element, separate from this plugin --OR-- some other accessible internet source like S3, WordPress media library, etc), retrieve the URL and paste it inline in the text editor. When adding images this way the plugin won’t convert to base64 and instead will insert a <img src...> HTML element automatically linking to (and displaying) the image file. You won’t generate giant HTML output following this method.

1 Like

Thank you @philip and @gaurav. I will use a workaround for now to add images to the posts. One more question for @gaurav - has anyone asked or is there a way now to put Bubble elements within my BDK TextEditor HTML content? For e.g. I would like to put a repeating group or a form in the content I am creating using a [token] like Wordpress. I know this is probably a tall order - just wondering if anyone has discussed this.

Sorry I’m a bit confused by the question. Are you asking if (a) you can put the text editor in a repeating group or (b) you could use the text editor as a group and place bubble element e.g. dropdown as part of the content of the group ?
The answer to (a) is certainly yes while (b) is no

Hi Everyone, this is probably a noob question but I have the Better Text Editor showing differently than the HTML block on my page. A screenshot is attached. The user inputs something, hits save and then sees a preview of what the finished content will look like. Is there a way to make them look the same? Under “PREVIEW” is the HTML element showing the Better Text Editors saved content.

Can you share a link to the editor to take a look?

Thanks @gaurav! here is a link to the page https://bubble.io/page?type=page&name=admin_refer_settings&id=subd&tab=tabs-1