Add html toggle button PrimeNG p-editor - angular7

I have added PrimeNG p-editor on my angular 7 application but wanted to add custom button to toggle on HTML and text view as this feature is not supported by primeNG/quill. Also went through this issue thread https://github.com/quilljs/quill/issues/128 but unable to find out the required answer.
I looked into multiple examples like
https://jsfiddle.net/nzolore/1jxy58vn/ and https://codepen.io/anon/pen/ZyEjrQ but all this is in javascript and unable to convert it in angular.
I have added <button class="ql-edit-html">html</button> under <p-header> but not getting next part.
any help will be appreciated. Thanks :)

We faced the same problem one week ago. Maybe we didn't fix it as you wanted. It's some kind of workaround.
We've added button under p-editor which is replacing quill with normal textArea.

Related

ExtJS many data-qtips bug

FIDDLE: https://fiddle.sencha.com/fiddle/222l
This is a form with custom qtips. There is many qtips on one page.
Scroll down the form and put cursor on [?] (in field label) in the bottom of the page. Quick tip will be shown in the top.
How can i fix this error? My form has many fields with qtips, and it should display correctly.
Thanks.
This question is not answered. The problem was tracked by Sencha as issue EXTJS-24917. So we have to wait for about one year until Sencha fix it.

IOS: Text Selection in WKWebView (WKSelectionGranularityCharacter)

I've got an app that uses a web view where text can be selected. It's long been an annoyance that you can't select text across a block boundary in UIWebView. WKWebView seems to fix this with a property on its configuration: selectionGranularity. One of the possible values is WKSelectionGranularityCharacter:
Selection endpoints can be placed at any character boundary.
Sounds great! Exactly what I need. Except that when I set that in my web view, I often can no longer select text at all. What is going on? Is there something else I need to set? Has anyone figured this out?
Update: I've figured out the following bugs:
When there is more than one WKWebView in an app with selectionGranularity set to WKSelectionGranularityCharacter, only the most recent one to load can select text. I've filed this as bug 18441138.
If there is a click handler attached to an element inside the body in the HTML content of a WKWebView whose selectionGranularity is set to WKSelectionGranularityCharacter, text selection doesn't work inside that element. I've filed this as bug 18440833.
Text selection fails in the WKWebView after you've entered edit mode on a UITextView somewhere else in the app until the WKWebView reloads. I've filed this as bug 18468405.
Has anyone worked around any of these?
These and other issues are all fixed as of iOS 13.
There are several known bugs that are still not fixed.
You can execute JavaScript to get selected text as a workaround.
window.getSelection().toString()
Docs

Vaadin AceEditor focus issues

I have recently downloaded the AceEditor Add-On for Vaadin (http://vaadin.com/addon/aceeditor) and i have a few issues with it, i hope you can help me out!
The first issue is that the ValueChangeListener of the AceEditor is called in every typing event (just like the TextChangeListener), and NOT just when the area looses focus, like in a regular TextArea.
I need a listener that would be called only when the AceEditor looses focus. i have also tried to add a BlurListener to this component, but it is also not working... any suggestions?...
The second issue is also related - when i press the TAB key inside the AceEditor, it just adds a TAB to the text instead of changing focus.
I've tried adding a shortcutListener with KeyCode.TAB but it didnt work... i also tried adding a shortcutListener to the whole Panel. didnt work either. any suggestions about that?...
Thank you!!
Thank you so mucn #Jens Jansson !
The new merge worked!

Using codemirror in jquery.ui.dialog loses focus onload

i try to use codemirror in a jquery ui dialog.
here you can see the result in jsfiddle.
http://jsfiddle.net/HtntY/
the problem is that the content in codemirror does not appear on first load. it only appears after you set focus on the editor and than type something, after that the preloaded content appears.
can this be fixed somehow. i tried to do it with the refresh() function without success.
thanks for you short time.
Looks like jQuery UI hasn't actually unhid the DIV when the opener runs. Putting a refresh call in a timeout (as in http://jsfiddle.net/NP9SL/ ) seems to do the trick.
I ran into the same problem and wound up running the editor.refresh() off the focus event, FWIW. I thought I'd mention another, somewhat related problem. If you try to take advantage of the CodeMirror dialog/search functionality inside of JQueryUI modal dialog, the integrated search dialog fails to get focus and you can't type into it. Interestingly I can paste text into the search field, but I cant type. Have yet to find a way around this other than setting modal to false.

Draggable box in jquery-ui sliders not rendering

I am using Trent Richardson's timepicker and I am having an issue with the jquery-ui sliders that are used in his widget. The draggable boxes in the sliders are not rendering fully. I am left with what looks like the border of what would have been the boxes on the far left side of the slider and it does not move when I click on it.
I have tried using this tool with the full version of jquery and jquery-ui packages so I know that I am not missing a package and I have not found anyone else with a similar problem. Everything else works just fine in the timepicker so I believe that this is a problem specific to the slider. My javascript is identical to the first example shown in the link above.
Has anyone experience a similar problem when working with sliders?
UPDATE
Found the issue. It turns out I did not have sliders selected when I downloaded the css files for my datepicker. I had since then downloaded the necessary slider functions but forgot to redownload the css...
DOH!
Yes that's it, the solutin is to add the slider css to your project. The file can be found here :
http://code.google.com/p/jquery-ui/source/browse/trunk/themes/base/jquery.ui.slider.css

Resources