From 3b15cd76c1026a9adbfc0ec57068d51cf12d6de1 Mon Sep 17 00:00:00 2001 From: Kim Gardner Date: Wed, 7 Mar 2018 17:23:38 -0500 Subject: [PATCH] Add CSS docs --- .../02-04-configuring-comment-stream.md | 23 ++++++++++++++----- docs/source/02-08-styling-talk.md | 12 ++++++++++ 2 files changed, 29 insertions(+), 6 deletions(-) create mode 100644 docs/source/02-08-styling-talk.md diff --git a/docs/source/02-04-configuring-comment-stream.md b/docs/source/02-04-configuring-comment-stream.md index 2d59dd6d6..204f02cd1 100644 --- a/docs/source/02-04-configuring-comment-stream.md +++ b/docs/source/02-04-configuring-comment-stream.md @@ -1,12 +1,23 @@ ---- -title: Configuring the Talk Stream -permalink: /configuring-the-stream// -class: configuration -toc: true ---- Using plugins and configuration variables, you can modify the way the Talk comment stream behaves. Here are some common configuration options: + +### Rich Text Editor + +To enable our default rich text editor plugin, you'll need to: + +1. Enable `talk-plugin-rich-text` as a server-side plugin +2. Enable `talk-plugin-rich-text-pell` as a client-side plugin +3. If you have `talk-plugin-comment-content` enabled, you will need to disable this (this supports hyperlinks in the comment body) + +Out of the box, our Talk Editor supports Bold, Italic, and Blockquote. + +If you want to support another editor, you can create a plugin and replace the client-side one with the editor of your choice. + +For more information on our implementation, see https://github.com/coralproject/talk/pull/1391 + +For more information on Pell, check out https://jaredreich.com/pell + ### Sorting/Filtering the Stream To enable sorting and filtering plugins, you will first need to enable the viewing options plugin: diff --git a/docs/source/02-08-styling-talk.md b/docs/source/02-08-styling-talk.md new file mode 100644 index 000000000..4cb37b45d --- /dev/null +++ b/docs/source/02-08-styling-talk.md @@ -0,0 +1,12 @@ +--- +title: Styling Talk with CSS +permalink: /styling-talk/ +class: configuration +toc: true +--- + +You can add your own stylesheet in Admin > Configure > Tech Settings. + +If you would like to change the styling of any elements in Talk, we provide global classnames with the prefix `talk-`. The easiest way to find the classname for the element you're looking for is to use the web inspector, and then update your stylesheet accordingly. + +Plugins also have their own stylesheets located in the client directory.