How to set Froala editor default text?

Question

I write that in my code:

<textarea id="content" name="content" value="something"></textarea>

I want it to be this way:

but I see this instead:

How can I change it?

Answer 1

You need to put the text like this:

<textarea id="content" name="content" value="something">something</textarea>

or you can do this with placeholder:

<textarea id="content" name="content" value="something" placeholder="something"></textarea>

hope it helped you

Answer 2

<textarea id="content" name="content" ></textarea>

  $(function() {
    $('#content').froalaEditor({
      placeholderText: 'Start typing something...'
    })
  });

Answer 3

React

The way to set default content (aka a textarea's defaultValue) in Froala WYSIWYG React is to use the prop model.

<FroalaEditor
  model="<div>HTML String</div>"
  onModelChange={handleModelChange}
/>

Ref: https://github.com/froala/react-froala-wysiwyg