Site Builder

Editing: promptinator-landing-WordPress1.html

writable 0666

<section id="wp">
  <h2>📝 Using Promptinator inside WordPress</h2>

<p><strong>[P]</strong> toolbar button (added by the TinyMCE plugin) lets any editor wrap selected text in a
       <code>&lt;div class="Promptinator"&gt;</code>—no code required. :contentReference[oaicite:0]{index=0}</p>

<ul style="line-height:1.55;font-size:var(--step-0);margin-left:1.1em;">
      <li><strong>Green dashed border</strong> appears in the editor so you can spot each wrapper instantly.<br>
          <em>Theme tweak:</em>
          <code>.mce-content-body .Promptinator{border:2px dashed #27c46b!important}</code></li>

<li>Every bordered box is an <em>independent</em> Promptinator instance.  
          Place your cursor inside it, click <strong>[P]</strong> again, and choose **Edit** or **Remove** for that one block. :contentReference[oaicite:1]{index=1}</li>

<li><code>data-edit="1|0"</code> toggles the ✏️ inline editor;  
          <code>data-think="1|0"</code> shows or hides ChatGPT / Copilot / Perplexity buttons when no <code>[E]</code> token is present. :contentReference[oaicite:2]{index=2}</li>

<li>You can add **multiple Promptinators per page**—contact form, AI prompt builder, rating widget—each parses its own tokens automatically. </li>
    </ul>

<p style="margin-top:.8rem;">
      Need to delete a wrapper but keep the text?  
      <strong>Inside&nbsp;box ➜ [P] ➜ Remove Promptinator</strong>—the div is gone, your copy stays.
    </p>
  </div>
</section>

Site Builder

Editing: promptinator-landing-WordPress1.html

Site Builder