CKEditor5 Custom Build Image Issue - ckeditor5

Getting this image html format when using getData() in CKEditor five with custom build:
![](/api/v1/config/template/temp/file/14fcd6-577c-586f-242-0632fb50fc5/6514462c-83d1-4fad-9239-cea69ac19097.png)
Would expect getting something like:
<figure><image url="/api/v1/config/template/temp/file/14fcd6-577c-586f-242-0632fb50fc5/6514462c-83d1-4fad-9239-cea69ac19097.png"/><figure>
Any help would greatly appreciated.

I resolved this by removing Markdown plugin in my custom build.
Got the idea here: https://github.com/ckeditor/ckeditor5/issues/8787

Related

ngx-bootstrap Dropdown Dropright Placement

I am trying to recreate the basic dropright example for the Bootstrap 4 component: https://getbootstrap.com/docs/4.1/components/dropdowns/#dropright using Angular 6 and ngx-bootstrap (3.0.1 as of writing). I have found solutions to get the dropdown to open down (standard) or up (dropup) but dropright isn't working.
https://stackblitz.com/edit/ngx-bootstrap-dropdownplacement
From the docs, there seems to be a "placement" input - https://valor-software.com/ngx-bootstrap/#/dropdowns#dropdown-directive - but there are no examples of this and I've tried attaching it to any one of the elements dropdown, dropdownToggle or *dropdownMenu. Basically this is an important part of a sidebar menu, where the submenu dropright.
Can anyone point me in the right direction to get the dropright functionality working with ngx-bootstrap, please?
Sidenote: I have managed to get this working with ng-bootstrap but wouldn't want to switch packages if I don't really have to.
I got your point but I think this happen because of the bootstrap version.
https://getbootstrap.com/docs/4.1/components/dropdowns/#dropright
if you check this url you will see they are using bootstrap v.4.1 and you are using ngx-bootstrap, both have different CSS classes that's why you facing this issue.
If you want to fix this issue. Please do few step:
1) https://www.npmjs.com/package/bootstrap (npm install bootstrap)
2) Than include in angular-cli.json file, like -
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
3) Remove your BsDropdownModule from app.module.ts file
If I missed anything please let me know
Thanks !!
I found the solution to make the placement work. You should add container="body" and of course placement="top right". Although it doesn't work as expected
To show it on top use [dropup]="true"

dompdf rendering complete html in 1 line

I have created pdf with simple p tags, table and img tags.
On live server its not working and on localhost its working well.
Please see both pdf files.
Can you please help me to fix this issue?
Thanks
https://github.com/dompdf/dompdf/files/2218526/localhost.pdf
https://github.com/dompdf/dompdf/files/2218527/livesite.pdf
I've faced the same problem. I solved it..
You just need to delete a file dompdf_font_family_cache.php. You may found this file under 'dompdf/lib/fonts/'
and let the renderer regenerate the cache.
Hope this helps.

I am trying to bundle the project but couldn't get successful result

This is the pixel union theme. I am trying to bundle the project using "stencil bundle" but I can't get the successful result. The error is occurring that the following templates are missing but I saw the original theme and found that there is not available the products folder in the original theme.
Please help me.
You should have all three of these files in your template:
components/products/ratings.html
components/products/price.html
components/common/login-for-pricing.html
Did you delete them by chance? They are certainly in Cornerstone.

Quill Editor and Vue.js

I'm a vue.js beginner and I've been trying to integrate the Quill editor into Vue modules. At first, I tried with the vue-quill plugin but documentation is very poor and I couldn't understand how to use it. Very frustrating.
Now I don't know if I'm better off trying to create my own plugin or if I give the existing plugin a second try and maybe try to enhance it.
What I want is someone to please provide some sample working code to get this going.
Upon inspecting the vue-quill package.json file I noticed it depended on an old version of quill :
"dependencies": {
"quill": "^0.20.1",
...
}
Since I was getting fragment errors from that build I decided to take the original code to suit my needs. At this point, you can copy this modified component and use something like vue-cli to use it.
I can't give you precise steps on vue-cli because my project is based on Laravel, but the idea of storing different .vue files into a components folder should be similar.
Finally, I simply use the component in one of my views :
<quill :content.sync="content"></quill>
Note : I am still fiddling around the component that I uploaded on gist, so take it as a starting point. The code is fairly simple.

Play framework 1.2.4 using header footer template

How is header footer template used to render PDF in play framework?
I was trying the below code -
options.header_template = "/header.html".
No matter what path I give for the html it always gives me file not found error. Could you please suggest where possibly could I be mistaking?
It should be options.header_template = "ControllerNamedFolder/header.html".
Where the ControllerNamedFolder is under app/views.
Thanks anyway...