Questions tagged [tinymce]

TinyMCE is an open source WYSIWYG HTML editor that provides a modern rich text editing experience for web applications. Use this tag for questions regarding the usage of TinyMCE and its integration with CMSs and other web-based applications.

Filter by
Sorted by
Tagged with
0 votes
0 answers
8 views

Build dynamic menu items in custom TimyMCE button

I am using TinyMCE react component to load an editor. I am trying to add a custom menu item, and have gotten one of the documentation examples working fine. However, I am trying to dynamically build ...
  • 1,068
0 votes
0 answers
5 views

The wp_editor_settings filter doesn't let me adjust tinyMCE's size

I have a WordPress custom post type. I hope to shrink the tinyMCE editor on the post-create and post-edit pages (in WordPress's classic editor; blocks aren't needed for this post type) to show my meta ...
  • 101k
0 votes
0 answers
6 views

TinyMCE 6 how to get added user details in mentions plugin in reactjs

How to get the user that are added using @ in reactjs tinymce as the getUsers method is deprecated in version 6.0 https://www.tiny.cloud/docs/tinymce/6/6.0-release-notes-premium-changes/#mentions
0 votes
1 answer
20 views

TinyMCE 6 Mention Plugin - Provision to change "@" symbol to "#" symbol

I am doing a POC on TinyMCE Mention Plugin by using 14days free trial version of TinyMCE 6. As per the Mention Plugin documentation, "The mentions plugin will present a list of users when a user ...
0 votes
0 answers
27 views

My TinyMCE Editor component in Vue 3 with Vite not loading content data on first load in Edit.vue?

I have a Vue 3 project with Vite and I am using Editor.vue components with TinyMCE. My Editor.vue code is as follows: My Editor.vue code: <template> <div class="mb-6"> ...
0 votes
0 answers
8 views

Wrap text to new line TinyMCE

How can I have TinyMCE process wrapped text into new lines with new tags? This is what my implementation does now: input: This is a line of text with a wrap output: <p>This is a line of text ...
0 votes
0 answers
11 views

Hide the editor container for TinyMce Editor

I am using a custom component to display my HTML content as A4 pages, with page breaks, scrolling functionality etc in Vue. I'd like to use only the toolbar from tinyMCE without any of the editor text ...
0 votes
1 answer
12 views

tinemce sugarcrm not able to get field value

i have configured tinymce in sugarcrm by following docs https://support.sugarcrm.com/Documentation/Sugar_Developer/Sugar_Developer_Guide_12.0/Architecture/TinyMCE/ in record.php array ( ...
  • 2,124
0 votes
0 answers
8 views

tinymce dropdowns are below <dialog> in #top-layer

I can see the dialog element and all of its children are part of the #top-layer. However, the tinymce dropdowns seem to be a separate div at the bottom of the page and so are showing up behind. z-...
  • 86
0 votes
0 answers
18 views

TinyMCE default font

I have a tinyMCE on my Razor page. <div class="form-group row"> <div class="col"> @Html.TextAreaFor(model => model....
  • 2,382
0 votes
0 answers
15 views

How to add a search input field in TinyMCE listbox

I have a custom plugin for TinyMCE in Wordpress editor, it loads a list of products from an array and insert a custom link for the selected product. Considering that I have almost 100 products I would ...
0 votes
0 answers
6 views

Add More custom field in TinyMce File Upload Dialog box

I want to add one more select field in TinyMce File Upload Dialog Box tinymce.init({ selector: 'textarea#file-picker', plugins: 'image code', toolbar: 'undo redo | link image | code', /* enable ...
0 votes
0 answers
39 views

using tinyMCE in Razor page

I am trying to implement TinyMCE editor on the razor page. below is the Model: public partial class EmployeeInfo { public int EmployeeInfoId { get; set; } public string? SignatureField { get; ...
  • 2,382
0 votes
0 answers
13 views

How to add custom plugin to tinymce-react with multiple editors in screen

I created a custom plugin and it was working, exept when I had multiple editors in the screen. Now I'm trying to fix this, but only the editors that are initialized after the tinymce.PluginManager.add(...
0 votes
0 answers
5 views

TinyMCE valid_elements value verification not working

The valid_elements documents state that: < verifies the value of an attribute (only the listed values are allowed). For example, 'target<_blank?_self' However, it's not working, as this init ...
  • 4,910
0 votes
0 answers
19 views

Simple blog django application deployed using Heroku/PostgreSQL database utilizing Tinymce image plugin for textarea - Not Working

I followed these simple instructions to replace a text area in django with an HTMLField from tinymce. You simply install tinymce and add it to installed apps in your settings file and then import ...
  • 1
0 votes
0 answers
14 views

How to change the CSS file for the TinyMCE (version 6) on the fly without hard reinitializing?

TinyMCE is often used in the CMS Software. The CSS file, that is currently bound to the TinyMCE editor, needs often to be exchanged. There are two important things: The current CSS file must be ...
0 votes
1 answer
31 views

Tinymce editor change border color

How to change the color of the tinymce editor outer border by pressing a button?
  • 303
0 votes
0 answers
22 views

How to bundle tinyMCE with Larave + Vite + Vue project

The project is built with Laravel using Vite and Vue. As I prefer not to use Tiny Cloud, I attempted to integrate TinyMCE into my application's bundle. <template> <div> <...
  • 73
0 votes
1 answer
62 views

TinyMce Change Border Color

I have implemented tinymce like below. function initTinymce(){ tinymce.init({ selector: '#tinymce_textarea', plugins: 'autolink link code lists media table image textcolor paste directionality ...
  • 303
0 votes
0 answers
13 views

TinyMce and laravel livewire

I am using laravel livewire and when i save the data from tinymce editor, it turned to empty. I can see the value in the console of the browser but when it is saved to my livewire component, it ...
0 votes
0 answers
45 views

Blazor Error: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]

I am trying to display TinyMCE editor on click of a particular paragraph of my web page. For the first paragraph, it shows the tiny perfectly, for second I am getting below error. This is how I am ...
0 votes
0 answers
10 views

Two tinyMce instances probably in conflict

I have a form that has two buttons, one for "Property Info" and another for "SV Info". When clicked the buttons invoke an AJAX which shows a modal dialog: ` ... $('body').append(' ...
0 votes
1 answer
22 views

Is there an API to add a domain to the approved domain list?

We offer vanity URLs to our customers. For each customer that needs a vanity URL, we manually add the domain to the approved domain list. This is a process we wish to automate. Do you offer an API to ...
-1 votes
1 answer
31 views

Tinymce editor is not loading in testcafe automation

When I try to load a page which contains tinymce editor, testcafe is not able to load it. import { screen, within } from "@testing-library/testcafe"; import { Selector } from "testcafe&...
  • 11
0 votes
0 answers
14 views

How to move the TinyMCE v6 toolbar outside a scrollable container?

I am trying to create a custom slide editor similar to "Canva" editor. I made a zoom-in and zoom-out feature, and now, I need to move the TinyMCE toolbar outside the container to a fixed ...
0 votes
1 answer
52 views

TinyMCE Dom manipulations change modify existing tags

I'm using TinyMCE commands and I simply want to convert the <img src="..."> to an <a href="..."> Is there a way to achieve this? tinymce.activeEditor.dom.select('.text')...
  • 1,339
0 votes
0 answers
20 views

Tinymce toggle formats for empty selection

I am using tinymce as a editor and it has a strange behaviour when toggling formats from toolbar for an empty selection. So for example I have a toolbar with "Bold, Italic, Underline". I ...
0 votes
0 answers
28 views

tinymce upload image with custom css

I want to add max-width:'100%' style to uploaded image. How can I do this? file_picker_callback(cb, value, meta) { const input = document.createElement('input'); input....
0 votes
0 answers
26 views

TinyMce - Cannot set content on popup

I am working with TinyMCE v6. It is being initialized on a popup. After initializing it on the popup, I am setting its content. Generally it works, but sometimes, the content does not show anything ...
0 votes
0 answers
18 views

TinyMCE with Vue - External plugin - Uncaught TypeError: tinymce.get()[0] is undefined

First, please excuse me in advance, I'm a newbee. If anything isn't correct in my request, please tell it to me, I'll do my best to correct it asap. I'm writing an application with Vue.js v3 TinyMCE ...
0 votes
0 answers
37 views

TinyMCE syntax highlight in editor not working

I have a VueJs app to which I am trying to add TinyMCE editor with codesample plugin. The plugin itself seems to work (the correct html tags are created in the iframe), however the code itself does ...
  • 1,025
0 votes
0 answers
15 views

how to make tinymce placeholder line breaks

I am using tinymce as editor. I want to put a sentence with a line break in the placeholder I tried various methods by searching but it didn't work in my case. For example.. "\n" , &#13;&...
  • 3
1 vote
1 answer
49 views

Tinymce selfhosted with Vue 3 fails to load styles

I am trying to set up TinyMCE in self-hosted mode, in a Vue3 + webpack app. I have installed tiny using the following npm coomands: npm install tinymce@^5 npm install "@tinymce/tinymce-vue@^4&...
  • 1,025
1 vote
0 answers
16 views

Why would TinyMCE6 delete content inserted via API (mceInsertContent called from a Chrome Extension)?

In an instance of TinyMCE6, used in the Brightspace LMS, calling the 'mceInsertContent' API inserts the desired text, but then the text is immediately deleted and the cursor moved to the beginning of ...
  • 1,761
0 votes
1 answer
56 views

Tinymce in Winforms ( Windows Application) using C# - SetContent not working

I am using TinyMce in my Winforms ( Windows application ) using C#. Everything else works fine. i.e. I am able to Get Content of TinyMce and storing in Database. But when I pull content from Database ...
  • 550
0 votes
0 answers
36 views

Tinymce richtext editor styles overridden by tailwind css base styles. How to set preflight false to a rich text display component in React.js

My project having below stack. Tailwind css, react.js, tinymce editor. The tailwind css @tailwind base overriding default browser css styles. I want to disable this only for a single component which ...
0 votes
0 answers
11 views

Django Tinymce file tinymce.min.js not found

i am trying to integrate tinymce with a django app but django can't find the tinymce javascript file this is my settings.py : BASE_DIR = Path(__file__).resolve().parent.parent STATIC_URL = 'static/' ...
  • 178
0 votes
0 answers
29 views

Using TinyMCE as email editor: How to send embedded images?

I am using TinyMCE as editor in order to send emails from a website. TinyMCE uses inline images with src="data:image/jpeg;base64,..." but this way images will not be displayed by GMail and ...
  • 1
0 votes
0 answers
13 views

Add a toggle from html preview to text tinyMce React

Hello i have my tinymce import { Editor } from '@tinymce/tinymce-react'; <Editor apiKey="xongwd7ky9c9aybtmwmaaaaaaaaauu1ccq038zp67e4vm0i" onInit={(...
  • 51
0 votes
0 answers
14 views

How to call Table API in tinyMCE Blazor

I have a blazor server app. I want to dynamically insert table into tinyMCE editor. Please help. I am expecting to call table API
0 votes
0 answers
20 views

TinyMCE breaking if mso clause

Struggling with this behaviour from Tiny MCE: Just hit the source code and paste the HTML code and every single line with: <!--[if mso | IE]> Is converted to: <!-- [if mso | IE]> Tiny ...
0 votes
0 answers
35 views

Uploading to images to Tinymce

I'm trying to upload files within the TinyMce (4.7) editor using a handler. When I upload, it responds with a 500 error, because the file is always null. I have Maximized file uploading limits ...
0 votes
0 answers
15 views

How to save current page in Tinymce

I am trying out TinyMce and find that I must 'host' the editor's html file on my FTP site to get it to work, otherwise I get the "Referer" error and Tiny is not operational. And because of ...
1 vote
1 answer
56 views

Still getting "This domain is not registered with Tiny Cloud" message even after importing the API key

I am using the example TinyMCE code that's available on their docs: <editor [init]="{ apikey: '<secret>', height: 500, plugins: [ 'a11ychecker','advlist','advcode','advtable','...
  • 734
1 vote
1 answer
21 views

TinyMCE strips out javascript when it contains HTML tags

TinyMCE seems to strip out Javascript in a specific case of the content. In my test, I view a page with the editor and open the editor's Source Code window to manually insert the following code: <...
  • 162
0 votes
0 answers
29 views

loading .php file with Jquery doesnt work as expected

I want to expand an html file with a .php file and i am loading it like this: function setTicketCreate() { $("#content-container").load("/UserIncludes/TicketCreate.php"); } I ...
0 votes
0 answers
62 views

Angular TinyMCE Failed to load model: dom from url models/dom/model.js

I have an Angular 14 project and I'm trying to integrate the open source Tiny MCE editor in my project and I'm getting an error when I add the editor code to the HTML. node_modules\tinymce\tinymce.min....
0 votes
0 answers
32 views

Tiny MCE WYSIWYG editor control which <textarea> it applies to

We have limited but necessary text edit requirements and are using the free version of TinyMCE 6 on a web page which has more than one instance of the textarea tag. Not all textareas should be ...
  • 145
0 votes
0 answers
33 views

Adding TinyMce EDitor in Magento 2 through Phtmls

i am trying to add an editor in magento 2 programatically through Phtml I have added the code but it doesnt appear it only appear asa simple text box.. can somebody tell me what i am missing , more ...
  • 23

1
2 3 4 5
164