Create a numbered list by starting the line with 1.Create a bulleted list by starting the line with * or - and a space.Create heading of different indentation with #, #, #, ….Create bold or italic styles by typing **will become bold**, _will become italic_,.AutoformattingĬKEditor5 allows certain CommonMark-like autoformatting keyboard strokes: This matches the behavior of, e.g., GitHub. For tables created with CKEditor without heading rows, a HTML table is output instead. This definition requires all tables to have a heading row. The GFM extension of the CommonMark specs adds a definition for table syntax which the CKEditor build of OpenProject supports.
#Free rich text editor code
This has the advantage of providing syntax highlighting and code sensing ( for supported languages). A code block can be edited through a modal window within a CodeMirror editor instance. Code BlocksĪs CKEditor5 currently does not provide support for code blocks, OpenProject can display, but not edit code blocks within the CKEditor instance. This is especially needed when the widget is the first or last element on the page to insert a line below or above it. You can create a newline below it by selecting the widget and pressing ENTER or ↓ (ARROW DOWN), or a newline above it by pressing SHIFT+enter or ↑ (ARROW UP). When you have a widget selected, you can remove or cut it. You can select most widgets by pressing on it - The only exception to that is the table widget, it has a little select knob at the top left to select the entire table. Widgets and NewlinesĬKEditor uses widgets to display block elements such as images, tables, and other elements that are not inline. LinksĬreate hyperlinks by pressing the tool-bar (optionally with some selected text), or by pressing CTRL+k to open a popup to enter the link href. Instead of creating a new paragraph with Enter, you can also press SHIFT+Enter to create a line break without creating a new paragraph. Pasting content such as images or rich text is also supported, while unsupported styling will be stripped by the editor. The CKEditor5 build in OpenProject supports basic text styles, such as bold and italic formatting, headings, strike-through, inline code, and quotes as well as inline image handling. How to embed attributes and attribute help texts? How to link to resources like wikis, projects, meetings?Įmbedding of work package attributes and project attributes Topicīasic formatting elements in the WYSIWYG editor In the work package split screen view (details view) you may have to use the three vertical dots to access additional features of the editor. Please note: In some resources such as work packages or comments, the editor does not exhibit all functionality such as macros or image upload. All previous textile-based content will be migrated when upgrading to OpenProject 8.0. The underlying format is GitHub-flavored CommonMark ( GFM). Starting with version 8.0.0, OpenProject features a quasi-WYSIWYG editor, powered by CKSource CKEditor5. Rich text (WYSIWYG) editor in OpenProject