You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
However, on my react demo project, that doesn't work.
My cursor is always default and background color of cells is always white although the react demo project doesn't have any css files.
For figuring out whether this issue is only happened on React version or not, I made pure-html demo project.
On the project, everything works well.
Maybe this issue only happens on React version.
I imported Editor component like this: import { Editor } from '@tinymce/tinymce-react';
Please provide the steps to reproduce and if possible a minimal demo of the problem via codesandbox.io or similar.
Here is code:
<Editor
licenseKey="gpl"
disabled={false}
onEditorChange={onChange}
value={value}
init={{
plugins:
'preview importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media codesample table charmap pagebreak nonbreaking anchor insertdatetime advlist lists wordcount help charmap quickbars emoticons accordion',
editimage_cors_hosts: ['picsum.photos'],
menubar: 'file edit view insert format tools table help',
toolbar:
'undo redo | accordion accordionremove | blocks fontfamily fontsize | bold italic underline strikethrough | align numlist bullist | link image | table media | lineheight outdent indent| forecolor backcolor removeformat | charmap emoticons | code fullscreen preview | save print | pagebreak anchor codesample | ltr rtl',
autosave_ask_before_unload: true,
autosave_interval: '30s',
autosave_prefix: '{path}{query}-{id}-',
autosave_restore_when_empty: false,
autosave_retention: '2m',
image_advtab: true,
link_list: [
{ title: 'My page 1', value: 'https://www.tiny.cloud' },
{ title: 'My page 2', value: 'http://www.moxiecode.com' },
],
image_list: [
{ title: 'My page 1', value: 'https://www.tiny.cloud' },
{ title: 'My page 2', value: 'http://www.moxiecode.com' },
],
image_class_list: [
{ title: 'None', value: '' },
{ title: 'Some class', value: 'class-name' },
],
importcss_append: true,
file_picker_callback: (callback, value, meta) => {
/* Provide file and text for the link dialog */
if (meta.filetype === 'file') {
callback('https://www.google.com/logos/google.jpg', { text: 'My text' });
}
/* Provide image and alt text for the image dialog */
if (meta.filetype === 'image') {
callback('https://www.google.com/logos/google.jpg', { alt: 'My alt text' });
}
/* Provide alternative source and posted for the media dialog */
if (meta.filetype === 'media') {
callback('movie.mp4', { source2: 'alt.ogg', poster: 'https://www.google.com/logos/google.jpg' });
}
},
height: 600,
image_caption: true,
quickbars_selection_toolbar: 'bold italic | quicklink h2 h3 blockquote quickimage quicktable',
noneditable_class: 'mceNonEditable',
toolbar_mode: 'sliding',
contextmenu: 'link image table',
skin: 'oxide',
content_css: 'default',
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }',
}}
/>
What is the expected behavior?
Expected 1:
Happened 1:
Expected 2:
Happened 2:
Which versions of TinyMCE, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE or tinymce-react?
Package versions:
"tinymce": "^7.2.0",
"@tinymce/tinymce-react": "^5.1.1"
The text was updated successfully, but these errors were encountered:
Hello.
Thank you for providing great Editor.
What is the current behavior?
demo: https://www.tiny.cloud/docs/tinymce/latest/full-featured-open-source-demo/
On the demo page, when I resize cell's width or height, cursor type is changed to be col-size or row-size.
And cell's background color is changed to blue color when I drag cells.
However, on my react demo project, that doesn't work.
My cursor is always default and background color of cells is always white although the react demo project doesn't have any css files.
For figuring out whether this issue is only happened on React version or not, I made pure-html demo project.
On the project, everything works well.
Maybe this issue only happens on React version.
I imported Editor component like this: import { Editor } from '@tinymce/tinymce-react';
Please provide the steps to reproduce and if possible a minimal demo of the problem via codesandbox.io or similar.
Here is code:
What is the expected behavior?
Expected 1:
Happened 1:
Expected 2:
Happened 2:
Which versions of TinyMCE, and which browser / OS are affected by this issue? Did this work in previous versions of TinyMCE or
tinymce-react
?Package versions:
"tinymce": "^7.2.0",
"@tinymce/tinymce-react": "^5.1.1"
The text was updated successfully, but these errors were encountered: