Databases
StackOverflow2013
Postsdbo
POHow to style blockquotes in a WYSIWYG editor
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to style blockquotes in a WYSIWYG editor
    primarykey
    data
    text
    <p>I'm kind of new to Javascript and have been doing small projects to get myself acquainted with the language. I've done things like draggable boxes, a calculator, etc., and now I'm working on a small WYSIWYG editor for practice and possibly a future site.</p> <p>In this project I'm using an <code>iframe</code> as the text box using this snippet of code:</p> <pre><code>&lt;!-- images as buttons --&gt; &lt;iframe id='reply'&gt;&lt;/iframe&gt; &lt;script&gt; var doc; doc = document.getElementById('reply'); doc = doc.contentDocument || document.frames.reply.document; doc.designMode = 'on'; &lt;/script&gt; </code></pre> <p>to access the document of the iframe. After accessing the document I use various calls to <code>doc.execCommand('someCommand', false, null);</code> to create the editing interface. I've gotten several buttons to work (bold, italic, underline, strikethrough, sub and superscript, etc.) but I'm having trouble with block quotes. This is for a theoretical message board and the editor needs to be able to make long quotations recognizable, much like how the blockquote button on Stack Overflow operates.</p> <p>To make this work, so far I've used <code>doc.execCommand('formatblock', false, '&lt;blockquote&gt;');</code>. This method will indent the text properly, but my CSS doesn't effect it. I assume this is because the CSS on that document doesn't apply inside the iframe . . . but I don't know how to style the stuff inside of it. Is there a way to insert a stylesheet inside the iframe? Am I going about this all wrong? Should I perhaps try a textarea over an iframe? Thanks for the help! </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USdunnza
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to style blockquotes in a WYSIWYG editor
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI'm fairly sure you can link to stylesheets within an iframe, or at least use `style` tags in the `head`. An iframe is just an external HTML page, after all.
      singulars
      1. POHow to style blockquotes in a WYSIWYG editor
      1. USZomxilla
    2. CO@Danae, when you say use style sheets in the head, are you saying to do something like `#reply blockquote { /* style here */ }`? Because I've tried that and it didn't work . . . I'll try adding a stylesheet to the iframe though. I just think that's more work than it needs to be . . .
      singulars
      1. POHow to style blockquotes in a WYSIWYG editor
      1. USdunnza
    3. COHow about inline styles? It's not recommended but if you can stick it in the `<blockquote>` tag when you render it, it gives it priority over any external stylesheets.
      singulars
      1. POHow to style blockquotes in a WYSIWYG editor
      1. USZomxilla
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload