Skip to main content
All CollectionsEditor
Rich text editor
Rich text editor
Updated this week

Table of contents


1. Overview

Cone's rich text editor is designed to empower your proposal creation process with advanced formatting and layout options. Whether you are drafting a proposal, customizing an email, or tailoring contract terms, understanding how to leverage the rich text editor will elevate the quality and impact of your documents. It's equipped with a variety of tools and features that allow for nuanced customization, from basic text formatting to sophisticated layout options


2. Toolbar

In Cone’s rich text editor, crafting engaging and well-structured documents is made easier with the inclusion of two types of toolbars: the Fixed toolbar and the Floating toolbar. Each serves a distinct purpose, ensuring you have the right formatting tools at your fingertips exactly when you need them

2.a Fixed toolbar

At the top of the rich text editor, the fixed toolbar stands as your primary command center for formatting. Key features include:

  • All-encompassing: The fixed toolbar houses all possible formatting actions, including text alignment, list creation, color adjustments, and more, ensuring you have full control over document appearance

  • Scrollable for more options: Despite its fixed position, this toolbar is scrollable, revealing a comprehensive set of formatting tools, from basic text styles and decorations to advanced layout options

2.b Floating toolbar

When you select text within the editor, the floating toolbar appears near your selection, offering:

  • Immediate Access: This toolbar provides quick access to commonly used formatting actions, such as making text bold, italicizing, underlining, and more, streamlining the editing process

  • Context-sensitive: The floating toolbar dynamically adjusts to offer relevant options based on your current activity, like showing text styling options for text selections and table options when a table is selected


3. Slash options

Initiate various formatting tools by simply typing '/' followed by the action (e.g., ‘/table’ to insert a table) for quick access


4. Customization

4.a Text formatting

Cone's editor offers comprehensive text formatting options to help you emphasize key points and structure your content effectively

4.a.i Styles

You can easily apply different styles, including

  • Paragraph

  • Heading 1, Heading 2, Heading 3, Heading 4

  • Quote

4.a.ii Text decoration

You can customize the appearance of your text with:

  • Bold

  • Italic

  • Underline

  • Strikethrough

4.a.iii Colors

Adjust the:

  • Font color

  • Font background color, enhancing readability and visual appeal

4.b Links

Add hyperlinks with descriptive text to direct readers to additional resources or references

Link should always start with https

4.c Images

Incorporate images directly into your content for visual support

4.c.i Adding images

You can drag and drop the image in the editor, use a local image or from a link

4.c.ii Replacing images

You can directly replace an existing image without affecting the layout and styling

4.d Tables

Tables are an integral part of organizing data, comparing figures, and structuring content in a visually appealing manner. Cone’s rich text editor enhances your document creation process with advanced table functionalities, allowing for a high degree of customization

4.d.i Creating table

Simply choose the table icon from the toolbar. Your table is ready to be filled with content

4.d.ii Modifying table

Once your table is in place, Cone provides straightforward options to adjust its structure to fit your content needs perfectly.

  • Adding rows/columns: Seamlessly insert additional rows or columns wherever needed, ensuring your table grows with your content

  • Deleting rows/columns: Remove unnecessary rows or columns with a click, keeping your tables concise and focused

4.d.iii Configure borders

Choose to show or hide borders on all four sides: bottom, top, left, and right. Alternatively, select No Border for a minimalist look or Show Outside Borders for a clean, outlined style

4.d.iv Adjust column width

Simply drag the dividers between columns to resize, giving you full control over the distribution of space within the table. This flexibility ensures your data is displayed precisely as intended, enhancing readability

4.e Column layouts

Create visually engaging and information-rich proposals by arranging content into multi-column layouts

Did this answer your question?