Git Product home page Git Product logo

ep_font_color's Introduction

Publish Status Backend Tests Status

Etherpad plugin to change font color

If you want to reposition the color select in toolbar then in settings.json under toolbar add button fontColor example:

"toolbar": {
    "left": [
      [
        "fontColor",
        "bold",
        "italic",
        "underline",
        "strikethrough"
      ]
}

ep_font_color's People

Contributors

automcoding avatar dependabot[bot] avatar github-actions[bot] avatar ilmartyrk avatar joassouza avatar johnmclear avatar lgtm-migrator avatar lpagliari avatar marcussacapuces91 avatar ovari avatar rhansen avatar rugk avatar samtv12345 avatar translatewiki avatar woeterman94 avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

ep_font_color's Issues

Is there any way to use a custom color?

I want to add a feature that users can select a color (Ex: #c3c3c3).

I try to read Etherpad's client hooks, but can't find the necessary hook.

Do you have any suggestion?

Errors in console for 'troubleshooting information' admin page

When calling the 'troubleshooting information' admin page (i.e. the /admin/plugins/info URL), I see these messages in the log:

[ERROR] console - Failed to load 'ep_font_color/static/js/index' for 'ep_font_color/main/client_hooks/postAceInit': ReferenceError: window is not defined
[ERROR] console - Failed to load 'ep_font_color/static/js/index' for 'ep_font_color/main/client_hooks/aceInitialized': ReferenceError: window is not defined
[ERROR] console - Failed to load 'ep_font_color/static/js/index' for 'ep_font_color/main/client_hooks/aceEditorCSS': ReferenceError: window is not defined
[ERROR] console - Failed to load 'ep_font_color/static/js/index' for 'ep_font_color/main/client_hooks/aceCreateDomLine': ReferenceError: window is not defined
[ERROR] console - Failed to load 'ep_font_color/static/js/index' for 'ep_font_color/main/client_hooks/aceAttribsToClasses': ReferenceError: window is not defined

ep_font_color 0.0.24 (installed via npm install)
ep 1.8.6-256-g325941a

UI element visible on read-only pads

The drop-down to change the color of selected text is visible also for read-only pads. Using it temporarily changes the color of the selected text in the current browser window. The original pad is not changed however ([WARN] message - Dropped message, COLLABROOM for readonly pad), and the change vanishes after reloading the page.

Sometimes however the read-only pad looses the connection to the server when using the drop down.

Button Icon is missing

It would be great and more useful to display a Button Icon in the Button bar instead of the Text which clutters the "Button" Bar. A click on the Button could open up the Menu so people can choose from it. The chosen format could get highlighted as replacing it with a long text would crash the Button bar completely.

By Hover or longer Tapping with the finger (on tablet/phone), the actual chosen value could be shown in the title tag.
Screen Shot 2021-10-01 at 19 37 27

Color copy past not working

Hi All,
When I am trying to copy and paste the color and font size. Formatting is not working.
I have used ep_font_color for the color option.

Desktop:

  • OS: Window 10
  • Browser : chrome
  • Version : 87.0.4280.88

Font Color and Ownership Color Clash in Non user friendly way

Color

The user is confused in multiple ways:

  • color does not apply
  • displayed (as in written in the Color select Box) Color is not visible
  • no obvious way to make it apply

The goal of this issue is to clear up the confusion:

  1. Block the user from editing the color (stating "Please remove membership color before", maybe even providing a shortcut for it)
  2. Just apply the color, not taking in account that text might get unreadable by having no contrast between ownership color and text color.

Which of the ways is the best?

Formatting get not exported to other formats

When exporting a complete formatted file the given values do not get exported to .doc, .md, .odt, .pdf, etc.
Check issue ether/etherpad-lite#5211 as it is not clear if it is a problem with the core import/export functionality or a problem with the plugins that provide that information. The document inside etherpad gets actually properly formatted by those plugins!

That is the page that got exported! You can upload the NEW.ETHERPAD.txt file - remove (txt) before uploading.
Screen Shot 2021-10-01 at 17 46 29
Other export formats look as follow - on the same page:
Github doesn't like all formats so .txt got added and needs to get removed first.


Font Color listed in wrong group

Font color gets listed in its own group while belonging actually to all other Font Formatting in Filemenu and on the Button Bar
Screen Shot 2021-10-01 at 20 00 33
It would be good to move it up to the other Font Formatting items and gather it together with those on the Menu bar

Drop down menu color not updated

Tested on ehterpad version 1.8.4, Firefox 76 and Win10

Problem description / steps to reproduce

Select text and color it with a new and different color. Now go to another point in the pad. The color displayed as drop down menu entry stays the same as it was selected before, even if the color where the caret is might be different.

Drop down color should have changed from blue to black in the example below

grafik

Possible solution

The color shown in the drop down menu should show the respective color dependent on the text color where the caret is placed. Implementation could be done as in ep_headings2. There the respective style appears in the menu dependent on the caret.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.