Answers.Body: <p>Craft <a href="https://craftcms.com/docs/rich-text-fields" rel="nofollow noreferrer">uses Redactor as its rich text editor</a> - Redactor has numerous configuration options, one of which is direct html editing. One option would be to create a new Redactor configuration that includes the <code>'html'</code> button.</p>
  
  <p>For example, You could copy Craft's "Standard" Config:</p>
  
  <pre><code>{
  "buttons": ["format","bold","italic","lists","link","file","horizontalrule"],
  "plugins": ["source","fullscreen"]
  }
  </code></pre>
  
  <p>Into a new file <code>myCustomConfig.json</code> at <code>craft/config/redactor</code>, then add the <code>'html'</code> button:</p>
  
  <pre><code>{
  "buttons": ["html","format","bold","italic","lists","link","file","horizontalrule"],
  "plugins": ["source","fullscreen"]
  }
  </code></pre>
  
  <p>And select your new config from the Settings page. This should allow you to manually edit the html to include <code>&lt;cite&gt;</code> tags inside of your <code>&lt;blockquotes&gt;</code>.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-01-05T15:37:40.243Z
Answers.LastActivityDate: 2017-01-05T15:37:40.243Z
Answers.UserDisplayName: Sam LeBlanc
Answers.Body: <p>You can use the <a href="https://github.com/carlcs/craft-redactorinlinestyles" rel="noreferrer">Redactor Inline Styles</a> add-on then use the following in your Redactor json config:</p>
  
  <pre><code>"plugins": ["source","fullscreen","inlinestyles"],
      "buttonsAddAfter": "italic",
      "buttonsAdd": {
          "cite": {
              "title": "Cite",
              "args": ["cite"]
          }
      }
  </code></pre>
  
  <p>You'll then be able to add a <code>cite</code> element within a blockquote formatted text.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2021-09-30T22:46:03.073Z
Answers.Text: This doesn't work in Craft 3 -- curious if anyone knows how to do this in the latest Redactor version?
Answers.UserDisplayName: Dario Zadro
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-01-05T15:42:38.860Z
Answers.LastActivityDate: 2017-01-05T15:42:38.860Z
Answers.UserDisplayName: Cole Henley
Body: <p>I have a rich text field that needs to have the cite tag within. See here:</p>
  
  <p><a href="https://i.sstatic.net/udwN1.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/udwN1.png" alt="redactor in Craft cms"></a></p>
  
  <p>It is currently ouputting as:</p>
  
  <pre><code>&lt;blockquote&gt;
      This is the quote.
  &lt;/blockquote&gt;
  </code></pre>
  
  <p>Whereas I need to work in an option for the client to create this:</p>
  
  <pre><code>&lt;blockquote&gt;
      This is the quote.
      &lt;cite&gt;
          John Doe, Founder
      &lt;/cite&gt;
  &lt;/blockquote&gt;
  </code></pre>
  
  <p>What options are there for formatting some copy to be within the blockquote tag, but then formatting some of it to be wrapped in cite tags?</p>
  
  <p>Thanks,
  Jay</p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-01-05T15:27:38.747Z
Comments.Text: We have discussed the options of having this as a matrix, but this rich text field is already within a matrix. And keeping all content-based markup like this within the rich text editor is better for the client, too.
Comments.UserDisplayName: Jay
Tags: <templating><redactor><wysiwyg><markup>
Title: Adding a cite tag within the blockquote tag using redactor's WYSIWYG?
ThreadText: # Adding a cite tag within the blockquote tag using redactor's WYSIWYG?
  
  (Asked by: username_0 on 2017-01-05)
  
  I have a rich text field that needs to have the cite tag within. See here:
  
  [![redactor in Craft cms](https://i.sstatic.net/udwN1.png)](https://i.sstatic.net/udwN1.png)
  
  It is currently ouputting as:
  
  ```
  <blockquote>
      This is the quote.
  </blockquote>
  
  ```
  
  Whereas I need to work in an option for the client to create this:
  
  ```
  <blockquote>
      This is the quote.
      <cite>
          John Doe, Founder
      </cite>
  </blockquote>
  
  ```
  
  What options are there for formatting some copy to be within the blockquote tag, but then formatting some of it to be wrapped in cite tags?
  
  Thanks,
  Jay
  
  **Tags:** templating, redactor, wysiwyg, markup
  
  > **Comments:**
  > **username_0**: We have discussed the options of having this as a matrix, but this rich text field is already within a matrix. And keeping all content-based markup like this within the rich text editor is better for the client, too.  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_2 on 2017-01-05. Score: 4 | Accepted answer
  
  You can use the [Redactor Inline Styles](https://github.com/carlcs/craft-redactorinlinestyles) add-on then use the following in your Redactor json config:
  
  ```
  "plugins": ["source","fullscreen","inlinestyles"],
      "buttonsAddAfter": "italic",
      "buttonsAdd": {
          "cite": {
              "title": "Cite",
              "args": ["cite"]
          }
      }
  
  ```
  
  You'll then be able to add a `cite` element within a blockquote formatted text.
  
  > **Comments:**
  > **username_3**: This doesn't work in Craft 3 -- curious if anyone knows how to do this in the latest Redactor version?  
  
  ---
  
  ### Answer by username_1 on 2017-01-05. Score: 1
  
  Craft [uses Redactor as its rich text editor](https://craftcms.com/docs/rich-text-fields) - Redactor has numerous configuration options, one of which is direct html editing. One option would be to create a new Redactor configuration that includes the `'html'` button.
  
  For example, You could copy Craft's "Standard" Config:
  
  ```
  {
  "buttons": ["format","bold","italic","lists","link","file","horizontalrule"],
  "plugins": ["source","fullscreen"]
  }
  
  ```
  
  Into a new file `myCustomConfig.json` at `craft/config/redactor`, then add the `'html'` button:
  
  ```
  {
  "buttons": ["html","format","bold","italic","lists","link","file","horizontalrule"],
  "plugins": ["source","fullscreen"]
  }
  
  ```
  
  And select your new config from the Settings page. This should allow you to manually edit the html to include `<cite>` tags inside of your `<blockquotes>`.
  
  
  ---
  
  