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.
8,169
questions
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 ...
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 ...
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 (
...
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-...
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....
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; ...
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 ...
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 ...
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?
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>
<...
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 ...
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&...
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')...
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 ...
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" , &...
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
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 ...
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 ...
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/'
...
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 ...
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={(...
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','...
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:
<...
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 ...
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 ...