display tinymce into html code

Question

I have a webpage with tinymce when a save my text into database tinymce save the text like this

[size= 14pt]Big text[b]big text blod[/b][/size]

but when i wantto display my text into the html the browser does not interpret the tinymce tags and show exactly the same code

I would like tinymce to save the text with the real html tags or valid tags

So that the text looks more like this

<p><span style="font-size:14px;">Big Text<b>Big text blod<b></span></p>

i have put this code into my tinymce inti

  formats: {
        bold: {inline : 'span', 'classes' : 'bold'},}

but when i write my text tinymce does not show me the changes and the text is plain no matter what i do

my tinymce inti like this

  tinymce.init({
                height: "300",
                width : "800",
                selector: 'textarea.editable',
                plugins : ['bbcode hr lists paste textcolor media'],
                toolbar: "bold italic underline forecolor backcolor image sizeselect fontsizeselect",
                fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt",
                menubar: false,
                statusbar: false,
                toolbar_items_size: 'small',
                language: 'fr_FR',
                content_css: style_url,
                element_format: 'html',
                encoding: "UTF-8",
                entity_encoding : "raw",
                paste_retain_style_properties: "",
                oninit : "setPlainText",
                apply_source_formatting : true
            });

Why don't you use get HTML using plain javascript or jquery? Javascript code : var target = document.getElementById('texarea_id'); var wrap = document.createElement('div'); wrap.appendChild(target.cloneNode(true)); console.log(wrap.innerHTML); or Jquery :$('#textarea_id').html() to get the complete HTML. — Ayush
– Ayush, Commented Mar 16, 2017 at 18:09
tinymce change the textarea to iframe. The only method to catch de content is tinymce.activeEditor.getContent() but is not work — john
– john, Commented Mar 16, 2017 at 18:17
i find the solution . bbcode plugins change selector <> to [] i remove this in it work — john
– john, Commented Mar 16, 2017 at 18:49

Emma · Accepted Answer · 2021-10-05 20:06:45Z

2

For me, it works when I add this to my Laravel:

    {!! $php_var_here !!}

edited Oct 5, 2021 at 20:06

Emma

83314 silver badges21 bronze badges

answered Oct 5, 2021 at 14:19

gerSu

898 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nikunj Sardhara · Accepted Answer · 2017-03-16 17:51:11Z

1

There is a specific method to get html from TinyMCE

You can get HTML content from TinyMCE using below javascript

<script>
var content=tinymce.activeEditor.getContent();
console.log(content);
</script>

You can use content variable to save HTML to db or to send to server or you can add that HTML to some hidden field so that you can submit it to server side.

answered Mar 16, 2017 at 17:51

Nikunj Sardhara

6481 gold badge5 silver badges20 bronze badges

1 Comment

john Over a year ago

When I do this line of code. $content = The same code as inside with [b] tags

ppwater · Accepted Answer · 2020-11-14 18:03:35Z

0

Note : This Is Only Applicable To Asp.net Core MVC

You Can Just Use @Html.Raw(@Model.textfile) To Display TinyMCE file text data in ASP.NET MVC EFcore

I Use Model To Pass My Data from controller To View. You can use ViewBag Or ViewData for the option Of @Model
Example : @Html.Raw(ViewBag.textfile)

edited Nov 14, 2020 at 18:03

ppwater

2,2774 gold badges17 silver badges30 bronze badges

answered Nov 14, 2020 at 11:47

anil parmar

1

Collectives™ on Stack Overflow

display tinymce into html code

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related