The Article Editor

Every article opens in a rich-text editor: a "what you see is what you get" writing surface where you format text with a toolbar instead of typing code, and your changes save automatically as you work. Use it to review and polish what the AI generated before you publish.

The editor handles only the article body. Metadata (slug, meta description, tags, SEO score) lives in the sidebar — see Article Metadata, SEO Score & Sidebar. For images, diagrams, screenshots, and videos, see Images, Diagrams, Screenshots & Videos.

Editing Basics

The editor has two separate fields:

• Title — the large text field at the top. The title is kept separate from the body, so editing it here does not change your article's heading structure.
• Body — the main content area below the toolbar, where you write and format the article.

A few things to know as you write:

1. Auto-save — Changes save automatically about 3 seconds after you stop typing. A small status indicator shows Saving… (a pulsing yellow dot) while a save is in progress, then Saved with the timestamp of the last save. There is no manual "Save" button — just keep writing. If you try to close the tab with unsaved changes, your browser warns you first.
2. Word and character counter — Just below the title, a live counter tracks the length of your article. It is language-aware: English articles show both words and characters, while Japanese articles show a character count (with spaces removed, the standard way Japanese length is measured).
3. Title and content stay in sync — The title at the top is not duplicated inside the body. When you preview, publish, or copy the article, the title is added back as the top-level heading automatically.

Toolbar Formatting

The toolbar sits directly above the content area. Each button toggles a format on the current selection (or at the cursor); active formats are highlighted. On narrow screens the toolbar scrolls sideways so every tool stays reachable.

To apply a format, select some text and click the button. Click again to remove it. Standard keyboard shortcuts also work (for example, Ctrl/Cmd + B for bold).

Links

You can add, edit, or remove links in two ways:

From the toolbar. Select the text you want to link and click the Link button. A small URL field appears — type or paste the address and press Save. If the selected text is already a link, the same popover lets you update the URL or Remove the link. (The Link button is disabled when nothing is selected and no link is active.)

From the bubble menu. Click into any existing link and a floating menu appears just under it. From there you can:

• Open link opens it in a new tab.
• Edit link lets you change the URL inline.
• Remove link (the unlink icon) removes the link while keeping the text.

RankTurn keeps links safe and tidy:

• Safe schemes only — Only http, https, mailto, tel, and relative URLs (anchors, paths, queries) are accepted. Unsafe values such as javascript: are rejected.
• Auto-normalize — If you type a bare domain like example.com, it is automatically turned into https://example.com. Relative links (starting with /, #, or ?) are kept as-is.

Tables

Click the Insert table button in the toolbar to drop in a 3 × 3 table with a header row.

When your cursor is inside a table, a floating toolbar appears above it with everything you need to reshape it:

• Add row above / Add row below
• Delete row
• Add column left / Add column right
• Delete column
• Delete table (removes the whole table)

Content Blocks

Beyond plain text, the editor supports three styled blocks that make articles easier to scan and more engaging. All three are inserted from the toolbar.

• Callout box — A highlighted box for tips, notes, or key points. Each callout has an emoji icon, a short label (the heading word, e.g. "Tip"), and a color tone chosen from a curated palette — all editable directly inside the box. Use it to draw attention to something important.
• FAQ — A collapsible question-and-answer accordion. Type the question in the header and the answer in the body. FAQs help both readers and search engines find quick answers.
• Highlight (also called a marker) — Select text, open the highlight dropdown, and pick a color to highlight it. Four colors are available: yellow, pink, blue, and green. Choose Remove highlight to clear it.

Callouts and FAQs each include an Unwrap to text option, which removes the block styling and keeps the text as a normal paragraph.

Drag & Drop Block Reordering

To rearrange the article, hover over any block — a paragraph, heading, list, table, image, callout, or promotion card. A small vertical grip handle (⋮) appears to the left of it. Grab the handle and drag the block up or down to reorder it. This is the quickest way to restructure a section without cutting and pasting.

Preview & Copy As

Preview. Click Preview (the eye icon, near the top right) to open a full-screen, read-only view of the finished article — title included, with all formatting, callouts, FAQs, tables, and highlights rendered exactly as they will appear. No toolbars or edit controls are shown, so it is the best way to check the final result. Links in the preview open in a new tab. Close the preview to return to editing.

Copy as. The Copy as menu (next to Preview) copies the entire article — title plus body — to your clipboard in one of three formats:

A toast confirms when the copy succeeds. This is handy for moving an article into a tool RankTurn doesn't publish to directly. For one-click publishing to a connected platform instead, see Publishing & Scheduling.