Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Questions about developing custom buttons with custom functionality for alloyeditor inside Liferay #1390

Open
alejandroroiz opened this issue Mar 18, 2020 · 0 comments

Comments

@alejandroroiz
Copy link

alejandroroiz commented Mar 18, 2020

Hello I am utilizing Liferay DXP 7.1 and want to create several custom buttons for the AlloyEditor inside Liferay. and I have several questions/issues. I followed everything in this guide and am now searching for your help

1)The next step I want is to be able for the button to use the CKEditor Dialog Plugin, but have had no success in finding a way, all the documentation I've found utilizes the CDN or index.html but I'm trying to work with the Liferay implementation of AlloyEditor. I'd like for when I click the button to be able to open the dialog plugin that's already embeded into the CKEDITOR to ask for the user input and do something with it.
1.1) The next step after that is to render HTML fragments depending on the input asked for the user. Is it possible for this HTML fragments to be rendered exactly as is? Or do I need to follow some standard?

2). Is there any possible way to create a custom CKEditor Plugin and utilize it in the Liferay AlloyEditor?

3). Is there any possible way to use two dynamicIncludes in a button module (one for dynamically including the buttons jsx and another utilizing the #onEditorCreate (like seen in this tutorial) to include the buttons images/icons)

4). Is there any possible way to actually just create ONE liferay module and have it load MULTIPLE custom buttons? I tried doing many jsx in the structure provided by this tutorial but could not load multiple buttons.

5). How would I go about editing the CKeditors config.js? I'd like to edit some of the editor's configuration but have not found a way to edit the CKEDITOR's configs.

6). This tutorial in step 8 mentions the Lexicon’s Design Site for a full list of the available icons, however, the URL sends to a 404. Where can I find the available icons to use within Liferay?

7). Im having trouble with the editor stripping me of my outermost divs, even when they are not empty or they have a bootstrap class. What can I do to prevent this?

8). How do I add custom styles to my buttons and the code they generate? I have tried adding an import inside the button's jsx to no avail.

9). Im trying to add some static images for the buttons and adding them under the /META-INF/resources/img folder. I am expecting them to end in the /o/my-portlet-name/img/ folder for me to use them, however they do not end appearing. Does this have anything to do with me utilizing the DynamicInclude like this tutorial points out? I am seeing the /o/my-portlet-name/js folder but that's the only folder I'm seeing.

Thanks for your help.

@alejandroroiz alejandroroiz changed the title Trying to add custom buttons with custom functionality to alloyeditor inside Liferay Questions about developing custom buttons with custom functionality for alloyeditor inside Liferay Mar 18, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant