Promptinator for WordPress Editors

Use the TinyMCE [P] button to wrap any block of text in a <div class="Promptinator">, choose whether readers can edit the prompt and/or see instant AI buttons, and manage multiple Promptinators per post— all without leaving the WordPress editor.

① Insert a new Promptinator

  1. Select the text that should become the prompt (can include shortcodes).
  2. Click the [P] button in the toolbar.
    (First time you’ll see it to the far‑right—drag it where you like.)
  3. In the dialog:
    • Prompt HTML: edit or leave your selection as‑is.
    • Show Editor (data‑edit): “Yes” lets visitors click ✏️ and rewrite the prompt.
    • Connect AI (data‑think): “Yes” shows ChatGPT / Copilot / Perplexity buttons when no [E] token is present.
  4. Click **Insert**. WordPress wraps your text in:
    <div class="Promptinator" data-edit="1" data-think="1">…</div>

② Edit or Remove a wrapper

  1. Place your cursor inside the green‑bordered Promptinator box.
  2. Click **[P]** again. The plugin detects you’re in an existing wrapper.
  3. Choose Edit or Remove from the dropdown.
    • **Edit** re‑opens the same dialog with current HTML + attribute values.
    • **Remove** simply unwraps the div but keeps the inner text.

Tip: You can nest several Promptinators in one article—repeat the steps above for each block.

③ Attribute quick‑reference

AttributeValuesEffect
data-edit1 (default) / 0Show or hide the in‑page ✏️ editor.
data-think1 (default) / 0Show AI‑handoff buttons when no [E].

🛠️ Live TinyMCE‑style example

This mini prompt shows how the attributes behave. Click ✏️ to edit, or toggle AI buttons by flipping data‑think.

Your Name: [-name-~Jane Doe~] Mood: [B-mood-|😊 Happy|😐 Neutral|😔 Sad|~😊 Happy~] [E-Send-~hello@example.com~]

❓ Troubleshooting & Tips