Giter VIP home page Giter VIP logo

tinymce / tinymce Goto Github PK

View Code? Open in Web Editor NEW
14.4K 266.0 2.2K 85.32 MB

The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular

Home Page: https://www.tiny.cloud

License: Other

JavaScript 0.86% CSS 0.07% HTML 2.55% TypeScript 94.89% Less 1.62% Makefile 0.01%
javascript editor rich-text-editor wysiwyg wysiwyg-html-editor tinymce wysiwyg-editor contenteditable

tinymce's Introduction

TinyMCE

The world's #1 open source rich text editor.

Using an old version of TinyMCE? We recommend you to upgrade to TinyMCE 7 to continue receiving security updates, or consider TinyMCE 5 LTS if you need more time to upgrade.

Used and trusted by millions of developers, TinyMCE is the world’s most customizable, scalable, and flexible rich text editor. We’ve helped launch the likes of Atlassian, Medium, Evernote (and lots more that we can’t tell you), by empowering them to create exceptional content and experiences for their users.

With more than 350M+ downloads every year, we’re also one of the most trusted enterprise-grade open source HTML editors on the internet. There’s currently more than 100M+ products worldwide, powered by Tiny. As a high powered WYSIWYG editor, TinyMCE is built to scale, designed to innovate, and thrives on delivering results to difficult edge-cases.

You can access a full featured demo of TinyMCE in the docs on the TinyMCE website.

Screenshot of the TinyMCE Editor

Get started with TinyMCE

Getting started with the TinyMCE rich text editor is easy, and for simple configurations can be done in less than 5 minutes.

TinyMCE Cloud Deployment Quick Start Guide

TinyMCE Self-hosted Deployment Guide

TinyMCE provides a range of configuration options that allow you to integrate it into your application. Start customizing with a basic setup.

Configure it for one of three modes of editing:

Features

Integration

TinyMCE is easily integrated into your projects with the help of components such as:

With over 29 integrations, and 400+ APIs, see the TinyMCE docs for a full list of editor integrations.

Customization

It is easy to configure the UI of your rich text editor to match the design of your site, product or application. Due to its flexibility, you can configure the editor with as much or as little functionality as you like, depending on your requirements.

With 50+ powerful plugins available, and content editable as the basis of TinyMCE, adding additional functionality is as simple as including a single line of code.

Realizing the full power of most plugins requires only a few lines more.

Extensibility

Sometimes your editor requirements can be quite unique, and you need the freedom and flexibility to innovate. Thanks to TinyMCE being open source, you can view the source code and develop your own extensions for custom functionality to meet your own requirements.

The TinyMCE API is exposed to make it easier for you to write custom functionality that fits within the existing framework of TinyMCE UI components.

Extended Features and Support

For the professional software teams that require more in-depth efficiency, compliance or collaborative features built to enterprise-grade standards, please get in touch with our team.

Tiny also offers dedicated SLAs and support for professional development teams.

Compiling and contributing

In 2019 the decision was made to transition our codebase to a monorepo. For information on compiling and contributing, see: contribution guidelines.

As an open source product, we encourage and support the active development of our software.

Want more information?

Visit the TinyMCE website and check out the TinyMCE documentation.

License

Licensed under the terms of GNU General Public License Version 2 or later. For full details about the license, please check the LICENSE.md file.

tinymce's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

tinymce's Issues

MoxieManager rightclick ACTIONS Rename,Delete...

MoxieManager is ok but it a little but complicate for useability to mark each file what i want to modify.

Other Free Filemanager(KCfinder) or from CKFinder much more intuitive system with rightclick.

If this feature will release we will buy moxiemanager in all our projects because it stand not behind other Filemanagers then!

Files-Actions-RightClick:

  • view
  • rename
  • delete
  • download

Folder-Actions-RightClick:

  • rename
  • refresh
  • create new subolder
  • delete

Regards
Thomas Reichelt

Legacy information imported from TinyMCE bug tracker:

#T5828 posted by des_treichelt

Tags: [moxiemanager rightclick actions]
Status: Closed
Resolution: Fixed
Attached URL: http://kcfinder.sunhater.com/demos/standalone

4.0b1: relative_urls:false doesn't works

Description of problem:

Steps to reproduce:

  1. I set tinyMCE to init with "relative_urls:false"
  2. i added an image to document, and I set the url:
    http://domain.hu/hole/img-148-169.png.
  3. Immediately after this setting I open image url setting dialog again, and I see this:
    /hole/img-148-169.png.

Expected result: absolute path
http://domain.hu/hole/img-148-169.png

Actual result: relative path
/hole/img-148-169.png

Legacy information imported from TinyMCE bug tracker:

#T5832 posted by moferi

Tags: [firefox msie safari chrome opera 4x]
Status: Closed
Resolution: Invalid
Attached URL: none

tinymce 4.0b2 toolbar icons dont display in IE8

Description of problem: toolbar icons dont display in IE8 . Same code shows properly in Firefox

Steps to reproduce:
1.
2.
3.
4.
5.

Expected result:

Actual result:

Legacy information imported from TinyMCE bug tracker:

#T5853 posted by mous2112

Tags: [msie msie8 4x]
Status: Closed
Resolution: Fixed
Attached URL: none

tinymce 4.0b1 fails on pages served as xhtml

Description of problem:

Latest tinymce beta does not work when serving pages as application/xhtml+xml

Steps to reproduce:
1.Serve page with content-type: application/xhtml+xml
2.init tinymce with the same parameters as the basic example in javascript
3.fails
4.Serve page with content-type: text/html and repeat
5.works

Expected result: tinymce editor

Actual result: Blank area where editor should be.

Legacy information imported from TinyMCE bug tracker:

#T5824 posted by ramsey

Tags: [4x]
Status: Open
Resolution: None
Attached URL: none

Float Style not permitted on images

Description of problem:

Steps to reproduce:
1.Added styles which specifically have float
2.TinyMCE completely ignores float, while adding others
3.
4.
5.

Expected result:

Actual result:

Legacy information imported from TinyMCE bug tracker:

#T5852 posted by Meleo

Tags: [firefox msie safari chrome opera]
Status: Open
Resolution: None
Attached URL: none

Paste list from Word results in double numbers (chrome/safari)

Description of problem:
When pasting a list from MS Word into the editor you will get double numbers. F.e. :

    1. Dit is test 2
    1. Test 2
    1. Test
    1. Gedaan

Steps to reproduce:

  1. Create a list in MS word
  2. Copy the list
  3. Open tinyMCE in chrome or safari
  4. Paste the list

Expected result:

  1. Dit is test 2
  2. Test 2
  3. Test
  4. Gedaan

Actual result:

    1. Dit is test 2
    1. Test 2
    1. Test
    1. Gedaan

Legacy information imported from TinyMCE bug tracker:

#T5839 posted by TjorvenB

Tags: [safari chrome]
Status: Open
Resolution: None
Attached URL: none

Word content pasted into Firefox doesn't get cleaned up (version 4.0b1)

Description of problem:
Tested with default example (edge and 4.0b1) using Firefox 12 on WinXp.

Code does not get cleaned up when pasting content from Word (tested with Word 2003). All the Microsoft junk and extra spans are still there even after submitting.

Steps to reproduce:

  1. Paste Word content with Ctrl + V
  2. View code or submit

Expected result:
&ltg;p>My &ltg;strong>bold&ltg;/strong> text here.&ltg;/p>

Actual result:
&ltg;!--[if gte mso 9]>&ltg;xml>
&ltg;w:WordDocument>
... lots more Word junk ...
&ltg;p>&ltg;span style="font-size: 12pt; font-family: 'Times New Roman';">My &ltg;strong>bold&ltg;/strong> text here.&ltg;/span>&ltg;/p>

Legacy information imported from TinyMCE bug tracker:

#T5822 posted by toxalot

Tags: [firefox 4x]
Status: Closed
Resolution: Works For Me
Attached URL: http://fiddle.tinymce.com/

No icon for button 'insertlayer'

Description of problem:
The icon of the button 'insertlayer' isn't visible with TinyMCE 4.0b2.
Also the label of the button doesn't seem to work correctly.
See attached screenshot.

Steps to reproduce:

  1. plugins: layer
  2. toolbar: insertlayer

Expected result:
Expected to see a button in the toolbar

Actual result:
No visible button just an empty space on the toolbar. When clicking this empty space or button it inserts this code:

&ltg;div class="mceItemVisualAid mceItemLayer" style="position: absolute; left: 8px; top: 20px; width: 100px; height: 100px;">{#layer.content}&ltg;/div>

Legacy information imported from TinyMCE bug tracker:

#T5850 posted by McDonald

Tags: [firefox 4x]
Status: Open
Resolution: None
Attached URL: none

Spoiler tag, not just text color == background color

Hello.

I am looking for a spoiler plugin, and i am not really good at JS yet, and it'd be a great feature so i thought maybe you could include it as a feature? :)

I'd like a spoiler like the one there is on the page i submitted ^^

You can go to the link and press "Vis..."

Legacy information imported from TinyMCE bug tracker:

#T5844 posted by JapSeyz

Tags: [spoiler]
Status: Open
Resolution: None
Attached URL: http://japseyz.dk/Test%20-%20Copy/?p=1337

Space text disappear when one image is moved around the text

Description of problem:

If you have one image between two words, and you move the image to another place, the space between the two words is deleted.

Steps to reproduce:

  1. write any text. For ex: "one two"
  2. insert one image in middle of the two words. For ex: "one &ltg;img>two"
  3. move the image to another place. For ex: "onetwo &ltg;img>"
  4. the space in the middle of the two words disappears.
    "one two &ltg;img>" -> "onetwo &ltg;img>"

Expected result:
the two words be kept separate
"one two &ltg;img>"

Actual result:
the space disappear
"onetwo &ltg;img>"

Legacy information imported from TinyMCE bug tracker:

#T5808 posted by pepet

Tags: [safari chrome safari4 safari5 safari6 chrome10 chrome11 chrome12 chrome13 image]
Status: Open
Resolution: None
Attached URL: none

4.0Beta Bug. event passed as an array breaks tinymce.

Description of problem:
In tinymce 4.0Beta when event is passed as an array, then it breaks tinymce.

Steps to reproduce:

  1. in your plugin pass the events as an array
    ed.dom.bind(ed.getDoc(), ['dragend', 'dragover', 'draggesture'], function(e) {
    return false;
    });

2.In tinymce.js line No 335[names = names.split(' ');] it breaks.

Solution:
Add this line of code .
if(!(names instanceof Array))
names = names.split(' ');

Expected result:

Actual result:

Legacy information imported from TinyMCE bug tracker:

#T5842 posted by sam23

Tags: [firefox msie safari chrome opera 4x]
Status: Closed
Resolution: Wont Fix
Attached URL: none

Uncaught TypeError: Cannot call method 'toAbsolute' of undefined

Description of problem:
TinyMCE v 4.0b2 - when i include tiny_mce_popup.js to elFinder i get this error:
Uncaught TypeError: Cannot call method 'toAbsolute' of undefined on line 45 in tiny_mce_popup.js
Steps to reproduce:
1.
2.
3.
4.
5.

Expected result:

Actual result:

Legacy information imported from TinyMCE bug tracker:

#T5841 posted by Saja

Tags: [chrome chrome13]
Status: Open
Resolution: None
Attached URL: none

Dynamically remove tinyMCE from taxtarea causes error

Description of problem: TinyMCE 4.0b1; I dynamically add tinymce editor to a textarea successfully.
But when I remove tinymce from textarea an error is coming.

Steps to reproduce:

  1. &ltg;textarea id="mceEditor" name="mceEditor" >123-abc&ltg;/textarea>
  2. on window.onload event: tinyMCE.execCommand('mceAddEditor', false, "mceEditor");
  3. and made a javascript link to remove editor: &ltg;a href="javascript:removemce()" >remove tinymce&ltg;/a>
  4. function removemce() {
    tinyMCE.execCommand("mceRemoveEditor", false, "mceEditor");
    }

Expected result: The MceEditor off successfully

Actual result:
Uncaught TypeError: Object function () {
if (self.initialized && !self.destroyed && !self.isHidden()) {
self.save({format: 'raw', no_events: true});
}
} has no method 'toLowerCase'

Legacy information imported from TinyMCE bug tracker:

#T5816 posted by moferi

Tags: [firefox msie chrome mceremoveeditor]
Status: Closed
Resolution: Works For Me
Attached URL: http://webis.goldstreet.hu/1.html

inline editing IE9 doesn t work correct - scripting errors!

Description of problem:

Steps to reproduce:

  1. go to Demo Site
  2. focus editable div or headline
  3. nothing happen or sometimes the toolbar short flickr through the content

Expected result:
inline editing how in the others browser works very well

Actual result:
80% it doesn t work the toolbar or editing mode doesn t show,
seems like the IE 9 stand still.

And some JS Errors:
tinymce.min.js, line 8 character 16853
SCRIPT16389: Incorrect function.

tinymce.min.js, line 8 character 16853
SCRIPT2343: Stack overflow at line: 10
SCRIPT16389: Incorrect function.

Testest with Windows 7 Home Premium 64 and Windows 7 Prof 64

If you fix this would be awesome!!!

Best Regards
Thomas Reichelt

Legacy information imported from TinyMCE bug tracker:

#T5825 posted by des_treichelt

Tags: [msie msie9]
Status: Closed
Resolution: Fixed
Attached URL: http://www.tinymce.com/tryit/inline.php

Text to display must be same as URL for insert link (version 4 beta)

Description of problem:
When inserting a link with no selected text the text to display must match the URL.

Steps to reproduce:

  1. Click insert link with nothing selected
  2. Type some text into Text to Display
  3. Type URL
  4. Click OK

Expected result:
Inserts the text in Text to Display linked to URL

Actual result:
An empty link to the URL is inserted

Legacy information imported from TinyMCE bug tracker:

#T5809 posted by Nyorai

Tags: [firefox msie msie9 link 4x]
Status: Closed
Resolution: Fixed
Attached URL: none

Tabel cell propertys

I mist the alignment horizontal in the table cell property's.
Small detail but so very important.

Thanks,

Legacy information imported from TinyMCE bug tracker:

#T5847 posted by albertzwaagstra

Tags: []
Status: Closed
Resolution: Fixed
Attached URL: none

I cannot access the Configuration support pages

Description of problem:
I'm trying to access the API to customize my tinymce but am getting a "Server Error in '/' Application." error.

Server Error in '/' Application.
Runtime Error
Description: An application error occurred on the server. The current custom error settings for this application prevent the details of the application error from being viewed remotely (for security reasons). It could, however, be viewed by browsers running on the local server machine.

Details: To enable the details of this specific error message to be viewable on remote machines, please create a &ltg;customErrors> tag within a "web.config" configuration file located in the root directory of the current web application. This &ltg;customErrors> tag should then have its "mode" attribute set to "Off".

&ltg;!-- Web.Config Configuration File -->

&ltg;configuration>
&ltg;system.web>
&ltg;customErrors mode="Off"/>
&ltg;/system.web>
&ltg;/configuration>

Notes: The current error page you are seeing can be replaced by a custom error page by modifying the "defaultRedirect" attribute of the application's &ltg;customErrors> configuration tag to point to a custom error page URL.

&ltg;!-- Web.Config Configuration File -->

&ltg;configuration>
&ltg;system.web>
&ltg;customErrors mode="RemoteOnly" defaultRedirect="mycustompage.htm"/>
&ltg;/system.web>
&ltg;/configuration>

Steps to reproduce:

  1. Navigate to http://www.tinymce.com/wiki.php/Configuration
  2. Choose any of the list options
  3. See page

Expected result:
See API.

Actual result:
Get error.

Legacy information imported from TinyMCE bug tracker:

#T5803 posted by thawkins

Tags: [firefox msie safari chrome opera support api server error]
Status: Closed
Resolution: Fixed
Attached URL: http://www.tinymce.com/wiki.php/Configuration:style_formats

Tipp for Video Integration

Video integration has been nasty and complex in former editors.
I want to suggest a simple approach:

The user uploads a mp4 video file and the editor inserts it as a simple link with no special informations like size, object, embed media, whatever.

The user might upload an image as well inside the link to the mp4 file. This image will become the poster.

Till now the editor has done nothing special and is compatible to anything. If the user clicks the link the file will download or play with native player plugin.

[code=html]
&ltg;a href="link/to/video.mp4">
&ltg;img src=link/to/video.mp4.png">
Download video.mp4 (14MB)
&ltg;/a>
[/code]

When I render the page as HTML I add some javascript which will parse it and look for links to mp4 files and replaye them with a real video player.

This works nicely. ;)

I use flowplayer for video playback.
I plan on using the fancybox for the "lightbox" feature too.

If you want let me share:

[code=js]
thisdomain = "https://www.example.com/";
jQuery("#content .body a").each(function(){
var $a = jQuery(this);
var href=$a.attr("href");
if (!href || href=="") return;
var supported=["mp4","ogv","webm"];
var vid=thisdomain + href;
var ext = vid.split(".").pop().toLowerCase();
var f = vid.substr(0,vid.length-ext.length);
if (jQuery.inArray(ext,supported)) return;
var $img = jQuery("img",$a);
var poster="";
if ($img){
var p = $img.attr("src");
if (p)
poster = thisdomain+ p;
$img.remove();
}
var html='&ltg;div class="fancybox flowplayer color-light minimalist">&ltg;video';
if (poster)
html += ' poster="' + poster +'"';
html +='>';
html += '&ltg;source type="video/'+ ext +'" src="'+f+ext+'">&ltg;/source>';
html += '&ltg;/video>&ltg;/div>';
var $flowplayernode = jQuery(html);
$flowplayernode.insertBefore($a);
$a.addClass("as-video-underline");
});
flowplayer.conf = {
swf: thisdomain + "shared/flowplayer/flowplayer.swf"
}
[/code]

hth,
e7

Legacy information imported from TinyMCE bug tracker:

#T5827 posted by eurosat7

Tags: [version_4_0]
Status: Open
Resolution: None
Attached URL: none

on changing textcolor,the pointer jumps to start of textarea

Description of problem:

Steps to reproduce:

  1. Use advanced tinyMCE.
  2. Write something in textarea.
  3. Click on change textarea button.The text cursor will focus at the beginning

Expected result:On click of textxolor change a new span is created where the text cursor is there

Actual result:New span is created at the beginning of textarea no matter how long text you have written.Even on clicking at the end,it will take the format of the first span format.

Legacy information imported from TinyMCE bug tracker:

#T5810 posted by aditya

Tags: [msie msie8 msie9 textcolor]
Status: Open
Resolution: None
Attached URL: none

Right clicking in cell incorrectly shows non-table context menu on OS X

Description of problem:
On OS X with a WebKit-based browser, right clicking an area of a table cell "without content" (such as the area where cell padding is) below/to the right of existing content in the cell will bring up the "normal" context menu (with insert image, etc.), as opposed to the "table" context menu (with table-editing options).

Using this normal context menu to perform an action like inserting an image will (if all cells in the below rows are empty) remove a row from the table if done in a cell in the last column.

The linked fiddle URL has basic instructions/description of how to reproduce it.

This is seen in TinyMCE version 3.5.8 (have seen it in at least one earlier version, 3.5.0.1). This was tested in Chrome 26 on Mac and Linux, as well as Safari 5.1 on Mac and Firefox 20 on Mac. The presumably incorrect context menu appears in Chrome/Safari on Mac but not in Firefox on Mac, nor does it occur in Chrome on Linux, or Chrome on Windows 7.

Steps to reproduce:

  1. Using OS X Chrome/Safari, start a TinyMCE fiddle on version 3.5.8
  2. Create a table with cell padding (2x2 with ~20px padding works well, showing guidelines is helpful for this)
  3. Type a few characters into a cell in the last column (top-right cell)
  4. Right click underneath the text in the padding area to open a context menu
  5. Note how the context menu acts as if it is not opening within a table (includes options like Insert/Edit Image instead of table editing options)
  6. Insert an image with this context menu, and then count the number of rows in the table afterwards. One should be missing.

Expected result:
Either the table context menu shows up at all times when right-clicking anywhere in a table, or any content inserted with the "normal" context menu (opened when right-clicking certain areas of cells) should leave the table intact upon inserting said content.

Actual result:
The normal context menu shows up when right-clicking certain areas of table cells, and inserting content via this menu adversely changes the table.

Legacy information imported from TinyMCE bug tracker:

#T5834 posted by ajp15243

Tags: [safari chrome safari5 osx mac contextmenu webkit chrome safari tables]
Status: Open
Resolution: None
Attached URL: http://fiddle.tinymce.com/pddaab

Language does not work

Description of problem:

Steps to reproduce:

  1. I downloaded the tinyMCE 4.0b1
  2. I downloaded the Hungarian language at http://www.tinymce.com/i18n/index.php?ctrl=lang&act=download&pr_id=1
  3. I unpacked the zip and overwrited the original files and directories.
  4. I added to the init the language:"hu" value:
    &ltg;script type="text/javascript">
    ...
    tinymce.init({
    language : "hu",
    selector: ".texteditor",
    plugins: [
    "advlist autolink lists link image charmap print preview anchor",
    "searchreplace visualblocks code fullscreen",
    "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
    });
    &ltg;/script>

Expected result:
The language change to hungarian.

Actual result:
The language stayed english.

Legacy information imported from TinyMCE bug tracker:

#T5818 posted by BRW

Tags: [firefox msie safari chrome opera]
Status: Closed
Resolution: Fixed
Attached URL: none

TinyMCE Imagemanager fails after upgrading to PHP 5.3

Description of problem:

TinyMCE does not render Image Manager (plugin) properly, does not log any error or displays anything on screen (decrepated warnings disabled).

Steps to reproduce:
1.Go to TinyMCE
2.Try to add an image
3.You cannot add an imge

Expected result:

Be able to upload images

Actual result:

You cannot upload anything, the editor is broken, but no errors are displayed in firebug, or stored in disk (got some gz compression files missing but is sorted out and actually is not required)

Legacy information imported from TinyMCE bug tracker:

#T5814 posted by josem

Tags: [firefox chrome firefox8 php53 imagemanager dynamicmenu]
Status: Closed
Resolution: Invalid
Attached URL: none

Selection issue on right-click in table cell

Description of problem:

When using the right-click context menu in a table cell that contains text where the cursor is at the end of the content, an invalid selection is made which prevents the selected dialog from opening.

Steps to reproduce:

  1. In the fiddle example above, click at the end of the "text" content in the first cell.
  2. Right-click and click on Cell Properties.

Expected result:

Cell properties dialog opens

Actual result:

Cell properties dialog does not open and the entire cell is selected.

This issue is present in TinyMCE 3.5.8 and 4b1

Legacy information imported from TinyMCE bug tracker:

#T5826 posted by happy_noodle_boy

Tags: [safari chrome table selection 4x]
Status: Closed
Resolution: Fixed
Attached URL: http://fiddle.tinymce.com/Xcdaab/1

Source code edit dialog with MonoSpaced font

It would be really easier to read and edit source code if the popup's textarea used MONOSPACED (fixed-width) font.

I'm talking about 4.0b2

Legacy information imported from TinyMCE bug tracker:

#T5840 posted by mmm

Tags: [4x]
Status: Open
Resolution: None
Attached URL: none

Paste from MSWord drops content from table cells

Description of problem:

When copying tables from MS Word, some of the content is dropped. In particular, table cells with a &ltg;p> element with class="MsoNormal" with content that includes a period character ('.'). All of those appear to be necessary to reproduce the problem.

Steps to reproduce:

  1. Visit this fiddle: http://fiddle.tinymce.com/Qddaab
  2. Copy the first table.
  3. Paste into the editor (stock editor, no changes).

Expected result:

Table matches the content copied, including the "x."

Actual result:

The content -- the "x." -- is dropped.

If you do the same thing with the second table (the one with just "x", no period), then the paste works as expected. It appears to be something special with the period?

Legacy information imported from TinyMCE bug tracker:

#T5848 posted by codyebberson

Tags: [firefox chrome]
Status: Open
Resolution: None
Attached URL: none

Charmap plugin not showing all special characters.

Description of problem: tinymce 4.0b1 Charmap plugin not showing all special characters.

Steps to reproduce:

  1. add charmap plugin

Expected result: 25 x 10 grid showing 250 special characters.

Actual result: 20 x 10 grid showing first 100 characters repeated twice.

The fix appears to be change the following in tinymce/plugins/charmap/plugin.min.js:
var r,i,o,a;for(r='&ltg;table role="presentation" cellspacing="0" class="mce-charmap">&ltg;tbody>',o=0;10>o;o++){for(r+="&ltg;tr>",i=0;20>i;i++){var s=n[10_o+i],l="g"+(10_o+i);

to:
var r,i,o,a;for(r='&ltg;table role="presentation" cellspacing="0" class="mce-charmap">&ltg;tbody>',o=0;10>o;o++){for(r+="&ltg;tr>",i=0;25>i;i++){var s=n[25_o+i],l="g"+(25_o+i);

This is not a complete fix as the last special character in the array (["173", "soft hyphen"]) is still not shown; possibly to do with the array having 251 chars and the generated grid having 250 spaces.

Legacy information imported from TinyMCE bug tracker:

#T5821 posted by bigtoe

Tags: [firefox msie charmap 4x]
Status: Closed
Resolution: Fixed
Attached URL: none

Use standard CSS properties for table borders, padding and alignment

Description of problem:

When adjusting table/table row or table cell properties through the various table menus within TinyMCE, certain options output deprecated HTML attributes instead of standard CSS.

Steps to reproduce:

  1. In the editor, insert a table.
  2. Customize the table's "border" property by setting it to "1"
  3. Customize the table's "cell padding" property by setting it to "5"
  4. In a table cell, customize the cell's "alignment" and "vertical alignment" (vertical alignment doesn't seem to be present in TinyMCE 4)
  5. Look at the HTML that is output

Expected result:
&ltg;table style="border:1px solid black;padding:5px">
&ltg;tr>
&ltg;td style="text-align:left;vertical-align:top;">&ltg;/td>
&ltg;/tr>
&ltg;/table>

Actual result:
&ltg;table border="1" cellpadding="5">
&ltg;tr>
&ltg;td align="left" valign="top">&ltg;/td>
&ltg;/tr>
&ltg;/table>

The "align", "valign", "cellpadding", "cellspacing" and "border" attributes are all deprecated and no longer part of the HTML specification. Proper markup would be to use the CSS equivalents in an inline "style" attribute.

The reason this is very problematic is for anyone using a reset stylesheet: browsers will always choose the reset's style rule over the deprecated attributes. If inline CSS were present instead, the inline CSS would take precedence.

Legacy information imported from TinyMCE bug tracker:

#T5835 posted by dlockhart

Tags: [firefox msie safari chrome opera 4x]
Status: Open
Resolution: None
Attached URL: none

Selected arrow no present in Styles menu if style contains background color

Description of problem:

If a style contains a background color, the menu_arrow.gif background of its parent &ltg;a> tag will not be present.

Steps to reproduce:

  1. Add a style that contains a background color
  2. Apply this style to selected text and view the styles dropdown
  3. Note the arrow indicating a selected style is not present
  4. Remove the background color from the style and repeat steps 1-2
  5. Note the arrow is present

Expected result:

The menu_arrow.gif icon should be present to indicate a style is selected.

Actual result:

The menu_arrow.gif icon is not present. The style's background color is over-layed on top of the parent a.

Notes:

A possible workaround could be to add additional padding-left to the following selector:

.defaultSkin .mceNoIcons .mceMenuItemSelected a

Legacy information imported from TinyMCE bug tracker:

#T5813 posted by rgriffith

Tags: [firefox msie safari chrome opera styles ui theme]
Status: Open
Resolution: None
Attached URL: http://fiddle.tinymce.com/ecdaab

Drag and drop

Description of problem:

Steps to reproduce:

  1. Click preview button
  2. Drag preview in some place
  3. Close preview window

Expected result: no surprises

Actual result: cursor remained in the form of an crosshair and I could not click anywhere

Legacy information imported from TinyMCE bug tracker:

#T5846 posted by mostthemain

Tags: [chrome chrome13 drag drop prevew]
Status: Closed
Resolution: Fixed
Attached URL: none

Paste function not working with IE10 (version 4.0b1)

Description of problem:
Copied text can not be pasted using Paste button, from the menu or with Ctrl-V when using MSIE10.

Steps to reproduce:

  1. Enter some text
  2. Select text
  3. Copy selected text with Copy button, from menu or Ctrl-C
  4. Paste the copied text with Paste button, from menu or Ctrl-V

Expected result:
Selected text to be pasted.

Actual result:
Nothing happens in editor area. Text is copied, because it can be pasted using the source code editor.

Legacy information imported from TinyMCE bug tracker:

#T5811 posted by McDonald

Tags: [msie msie10 4x]
Status: Closed
Resolution: Fixed
Attached URL: none

Problem with pasting links into editor

Description of problem:

When i paste link (copied from my chrome address bar) into editor and go to new line with Shift+Enter, first letter of new line becomes part of previous link.

Tested in Win 7 + Chrome 26. No error in Firefox. Can't test other browsers.

Steps to reproduce:

  1. Open editor.
  2. Copy link from browser's address bar
  3. Paste a link to editor
  4. (important) Place cursor to other position, then place it to end of link (for example use Home and End key)
  5. press Shift+Enter and begin typing text

Expected result:
Link will be only on first line

Actual result:
First letter of the next line becomes a link

Legacy information imported from TinyMCE bug tracker:

#T5815 posted by smilingcheater

Tags: [chrome links]
Status: Open
Resolution: None
Attached URL: http://www.tinymce.com/index.php

position:relative in body shifts tmce 4b1 menus down

Description of problem:

If body has position:relative, then tinymce menus will be shift down some pixels, if I put it beck to position:static, all returns to normal.

Legacy information imported from TinyMCE bug tracker:

#T5812 posted by Shores

Tags: [firefox msie safari chrome opera 4x]
Status: Closed
Resolution: Fixed
Attached URL: none

Lowerscore on tag name bug

Description of problem:
TinyMCE seems to break when you use a custom tag that contains a lowerscore.
E.g. The syntax should look like
&ltg;custom_tag>My contents&ltg;/custom_tag>

When TinyMCE renders the underlying HTML, it displays something like this:
&ltg;custom_tag>My contents

Instead of just showing the text within the tag.

Steps to reproduce:

  1. Visit TinyMCE home where there is a live editor:
    http://www.tinymce.com/index.php
  2. Edit the source code and paste this tag &ltg;custom_tag>My contents&ltg;/custom_tag>
  3. Click the GO button and see how TinyMCE renders the HTML.
  4. This only happens when there is a lowerscore in the tagname, it does not happen in any other situation, e.g. you can use mid-scores or other special characters, but the lowerscore seems the culprit.

Expected result:
It should display :
My contents

Actual result:
It displays:
&ltg;custom_tag>My contents

Legacy information imported from TinyMCE bug tracker:

#T5843 posted by TheAgux

Tags: [chrome custom tags]
Status: Open
Resolution: None
Attached URL: none

Trying to link image in basic demo causes everything to be linked

Description of problem:

Using Chrome 26 (version options in this tracker need to be updated, BTW!), attempting to link just the image on the top right in the basic demo causes everything in the page to get linked to the target URL.

Steps to reproduce:

  1. Select image in the body
  2. Click link button
  3. Click browse
  4. Select a file to link to
  5. Submit

Expected result:

Only the image is linked to the file selected

Actual result:

Entire body gets linked - a tag is applied within every block level element on the page.

Legacy information imported from TinyMCE bug tracker:

#T5806 posted by seanr

Tags: [chrome link]
Status: Open
Resolution: None
Attached URL: http://www.tinymce.com/tryit/basic.php

TinyMCE 4 Inline Editing fixed header toolbar

a very good feature of CKeditor is in inline editing mode, that the toolbar/menuebar scroll down with the content on the siteheader.

So you can always use the toolbar if you scrolldown a long template.

You can see this feature on my screenshot or on link postet.

If you can add this TinyMCE is better then Ckeditor i think!

Regards
Thomas Reichelt

Legacy information imported from TinyMCE bug tracker:

#T5829 posted by des_treichelt

Tags: [fixed toolbar header inline editing]
Status: Closed
Resolution: Fixed
Attached URL: http://ckeditor.com/demo#inline

4.0: tab key behavior in forms

In TinyMCE forms e.g. Insert link the TAB key doesn't work as expected. Sometimes I need to press the key two or three times to jump to the next input field. Tested with Firefox.

Legacy information imported from TinyMCE bug tracker:

#T5830 posted by alec

Tags: [4x]
Status: Closed
Resolution: Fixed
Attached URL: none

Zip unarchive fails

Description of problem: When attempting to unarchive the v 4.0 B1 I get "could not extract the file "tinymce/js/tinymce/skins/lightgray/fonts/icomoon.eot...... Error on decrunching.

Steps to reproduce:

  1. Use theunarchiver on mac OS

Expected result:

Actual result:

Legacy information imported from TinyMCE bug tracker:

#T5805 posted by chaoswuz

Tags: []
Status: Closed
Resolution: Fixed
Attached URL: none

menu printing in 4.0b1 inline demo

Description of problem:

Steps to reproduce:

  1. in the menu, click on "print"

Expected result:
The page as it currently is should be printed without the tinyMCE menu

Actual result:
The menu is part of the print.

Legacy information imported from TinyMCE bug tracker:

#T5817 posted by johanneswilm

Tags: [firefox msie safari chrome opera 4x]
Status: Open
Resolution: None
Attached URL: http://www.tinymce.com/tryit/basic.php

Input fields order in Insert link form

There are "Text to display", "URL" and "Target" fields in this order and "URL" is focused by default. I think this is not very functional taking TAB key navigation into account.

I propose to keep focus on URL field, but change the order of fields to:
"URL",
"Text to display",
"Target".

Legacy information imported from TinyMCE bug tracker:

#T5831 posted by alec

Tags: [4x]
Status: Closed
Resolution: Fixed
Attached URL: none

all links in documentation are broken

Description of problem:
Every link from the documentation site fails.

Also, trying to posting a comment to that page leads to a 500 error.

Steps to reproduce:

  1. go to http://www.tinymce.com/wiki.php/Configuration
  2. click a link such as 'width' under 'User interface'

Expected result:
useful information, such as how to use the width config setting

Actual result:
"YOU DON'T HAVE PERMISSIONS TO EDIT THIS PAGE
You need to be logged in and verified to in order to edit this page."

Legacy information imported from TinyMCE bug tracker:

#T5836 posted by kluminar

Tags: []
Status: Closed
Resolution: Invalid
Attached URL: http://www.tinymce.com/wiki.php/Configuration

Extra empty paragraph inserted at beginning of pasted content (version 4.0b1)

Description of problem:
Tested with:

  • default example (edge and 4.0b1) using Firefox 12 on WinXp
  • default example (edge and 4.0b1) using Chrome 26 on WinXp
  • default example (edge) using IE 7-8 on WinXp

When pasting content into a new empty editor, the content is inserted after an empty p element.

Chrome always works as expected.

IE works as expected in certain circumstances. It works when pasting plain text and when pasting a partial line of text from Word. But if content contains any paragraphs, then the extra empty paragraph shows up. At least, it displays in WYSIWYG view so you know it's there.

In Firefox, it never works as expected. The empty paragraph only shows for a split second in WYSIWYG view, but it's there in preview, source code, and submitted content. This happens regardless of whether pasted content is plain text, partial line from Word, or full paragraph from Word. Since it doesn't appear in WYSIWYG view, it's very confusing for all but the most experienced users.

Steps to reproduce:

  1. Ensure editor is empty of content
  2. Paste content with Ctrl + V
  3. View code or submit

Expected result:
&ltg;p>My pasted content&ltg;/p>

Actual result:
&ltg;p> &ltg;/p>
&ltg;p>My pasted content&ltg;/p>

Legacy information imported from TinyMCE bug tracker:

#T5823 posted by toxalot

Tags: [firefox msie msie7 msie8 4x]
Status: Closed
Resolution: Works For Me
Attached URL: http://fiddle.tinymce.com/

IE no cursor available before or after table

The primary problem I am trying to resolve is when you have two tables one immediately after the other. It is not possible to position the cursor between the tables to insert text separating the tables.

This only occurs in IE, in Chrome it is possible to use the arrow keys to get a cursor between the tables, so you can insert text.

Steps to reproduce:

  1. New document or clear editor
  2. Hit enter to create an empty paragraph
  3. Insert table1, any size
  4. Click up to move outside table to empty paragraph
  5. Insert table2, any size
  6. Now try and move the cursor between the tables to insert some text, not possible in IE, but possible in Chrome

We are using v3.5.6, but have tried 3.5.8 and new 4 beta, and get same problems.

Expected result:
In step 6 you should be able to position a cursor between the tables so you can insert text.

Actual result:
It is not possible to position cursor between the tables

Legacy information imported from TinyMCE bug tracker:

#T5820 posted by pauljevp

Tags: [msie msie9 msie10]
Status: Open
Resolution: None
Attached URL: none

No icon for selectall 4.x

Description of problem: It's possible to add a selectall button to the toolbar, but it's blank.

Steps to reproduce:

  1. Load default example into fiddle
  2. Add selectall to plugins and toolbar in init
  3. Click Run

Expected result:
A new button on the toolbar with an applicable icon

Actual result:
A new button on the toolbar with no icon

Legacy information imported from TinyMCE bug tracker:

#T5845 posted by toxalot

Tags: [4x]
Status: Open
Resolution: None
Attached URL: http://fiddle.tinymce.com/

Close sub-menu when you click again on a menu title

When you click on a menu title, a sub-menu appears. Can this sub-menu disappear when you click again on this sub-menu title ?

Regards

Legacy information imported from TinyMCE bug tracker:

#T5833 posted by lhapaipai

Tags: [menu toolbar]
Status: Open
Resolution: None
Attached URL: none

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.