Highlighter: How I added feature that I have missed. Highlight specific words. Extension in progress… 💪 #6475
Replies: 4 comments 4 replies
-
Very nice. Thanks for sharing. For documentation:
|
Beta Was this translation helpful? Give feedback.
-
Updated version: CustomHighligher v0.0.3 CHANGELOG:
|
Beta Was this translation helpful? Give feedback.
-
I will try to support you with development the extension. I made a first draft already :) |
Beta Was this translation helpful? Give feedback.
-
@Alkarex @lukasMega Would it be fine to have this extension in https://github.com/FreshRSS/Extensions ? |
Beta Was this translation helpful? Give feedback.
-
Intro
As an long time inoreader.com user, I recently started using more and more self-hosted (and open-source) software. I decided to try FreshRSS.
Before that
FInally I "installed" FreshRSS.
Missing feature for highlighting words
On inoreader.com platform I have used a lot this awesome and primitive feature - word(s) highlighting. See more about it on their blog: https://www.inoreader.com/blog/2015/03/new-feature-spot-most-important-terms.html
Quick background
My first day with FreshRSS can be summed up with one sentence: Install, import feeds, clicking and playing around in web UI, discover Plugins and install some plugins / extensions (CustomCSS, CustomJS, and ThreePanesView mainly).
On the next day I decided to try to add very quickly the feature I was missing - higlighting words. Armed with the useful plugins I started to write simple script (in JavaScript) for it. But using that small text area for inserting Custom JS was very unhandy for developing. Then I discovered where in the filesystem is located the file containing that custom JS and I opened it in IDE. (If someone is interested, the path to that file is in my case
docker/freshrss/config/www/freshrss/extensions/xExtension-CustomJS/static/script.admin.js
).How to add feature for highlighting words
1. ❗ Requirements
2. 🚀 Setup Custom CSS extension
3. 🚀 Setup Custom JS extension
HIGHLIGHT_WORDS
function:HIGHLIGHT_WORDS
function which contains your list of words to highlight.HIGHLIGHT_WORDS_PRIMARY
andHIGHLIGHT_WORDS_SECONDARY
for different highlight colors.Feel free to modify CSS / JS to your liking
4. 💪 Enjoy and see example
screenshot from iPad & Safari:
TODO
Beta Was this translation helpful? Give feedback.
All reactions