News and Announcements icon

Power Platform CommunityForums Power Apps - Power Apps Pro Dev & ISV Resolving node_modules...

Power Apps - Power Apps Pro Dev & ISV

Answered

Resolving node_modules CSS dependencies in PowerApps Custom Control

Like (0) Share

Report

Report

Posted on 12 Aug 2019 06:19:05 by moizmh

6

I am trying to build a power apps custom control using ckeditor v5. First step I did was to include

"@ckeditor/ckeditor5-build-classic": "^12.3.1",

using npm and resolve in my controls base file using

const ClassicEditor = require('@ckeditor/ckeditor5-build-classic');

The above settings work and my control renders fine. I although have one other depdency to include fonts package. For this we have to seperately install

"@ckeditor/ckeditor5-font": "^11.2.1"

and reference in index.ts -

const Font = require('@ckeditor/ckeditor5-font/src/font');

When compiling the package, it throws CSS exceptions

ERROR in ./node_modules/@ckeditor/ckeditor5-ui/theme/components/list/list.css 6:0
Module parse failed: Unexpected character '@' (6:0)
You may need an appropriate loader to handle this file type.
| */
|
> @import "../../mixins/_unselectable.css";
|
| .ck.ck-list {
@ ./node_modules/@ckeditor/ckeditor5-ui/src/list/listview.js 13:0-46
@ ./node_modules/@ckeditor/ckeditor5-ui/src/dropdown/utils.js
@ ./node_modules/@ckeditor/ckeditor5-font/src/fontsize/fontsizeui.js
@ ./node_modules/@ckeditor/ckeditor5-font/src/fontsize.js
@ ./node_modules/@ckeditor/ckeditor5-font/src/font.js
@ ./HtmlEditorControl/index.ts

Appreciate all the help. Thanks.

Annotation 2019-0...

All responses Img

All responses (4)

Answers Img

Answers (1)

R1449A 52 on 21 Jan 2021 at 14:50:52

Like (0)

Report

Re: Resolving node_modules CSS dependencies in PowerApps Custom Control

May I clone your ckeditor solution?
jaguil3ra 81 on 12 Aug 2019 at 18:00:56

Like (0)

Report

Re: Resolving node_modules CSS dependencies in PowerApps Custom Control

Nice!!
@moizmh wrote:
Thanks, I thought so when i checked your implementatio of rich text editor using Quill.
moizmh 6 on 12 Aug 2019 at 16:57:34

Like (0)

Report

Re: Resolving node_modules CSS dependencies in PowerApps Custom Control

Thanks, I thought so when i checked your implementatio of rich text editor using Quill.
Verified answer

jaguil3ra 81 on 12 Aug 2019 at 13:40:30

Like (2)

Report
Re: Resolving node_modules CSS dependencies in PowerApps Custom Control

The PCF in this moment doesn't compile the files ".css", you need remove all lines where use @import with ".css" and then add these in the manifest. Example:

<css path="../node_modules/ckeditor/mixins/_unselectable.css" order="1" />

Helpful resources

News and Announcements

Now Available: 2025 Release Wave 2

Welcome to the Power Platform Communities

Announcing our 2025 Season 2 Super Users!

Quick Links

Leaderboard > Power Apps

#1

WarrenBelz 791 Most Valuable Professional

#2

MS.Ragavendar 410 Super User 2025 Season 2

#3

mmbr1606 275 Super User 2025 Season 2

Last month Overall leaderboard

Featured topics

Auto-Populate field Power Pages

Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)

Product updates

Microsoft Power Platform Community release plans