use a file-upload in a wysiwyg editor - angularjs

I'm looking for a wysiwyg editor that can use the ng-file-upload module. Is there someone who can give some feed-back about a such use ?
Or any other angularjs text editor that can be customized to define a file upload management.
thanks
Edit: I would need a crop image tool for upload

Related

How to use image upload adapters as extra plugins with CKEditor 5 Classic Editor? Or, how to use CKEditor custom builder in React JS?

I was trying to integrate CKEditor5 in my MERN Stack Application. Its a kind of blog site which requires a fully functioned rich text editor. I integrated the editor and all other things are working fine except the file upload button.
I am using the predefined Classic Editor, which has all the basic functions. But when I click on the Image button to upload an image from local storage, it shows the error :
filerepository-no-upload-adapter
I tried to add Base64UploadAdapter plugin but then it shows the error :
Uncaught CKEditorError: ckeditor-duplicated-modules
Because of this error, I had to remove that plugin, but I still do not have the file upload function.
I also need some other buttons on my text editor, but I am always getting some kind of errors.
I also tried the CKEditor Custom build editor, but when I imported it to my page, it again gives me ckeditor-duplicated-modules error. I used the following code for importing:
import { CKEditor } from '#ckeditor/ckeditor5-react';
import Editor from 'ckeditor5-custom-build/build/ckeditor';
And yes, I also added the custom builder's folder to my package.json before importing this.
I want all the features that I added in my Custom builder, but that's not working in my case. Can anyone please help me with this? Or else, if that is not possible, please give me a solution for file upload which I need for sure, even if I don't get other buttons except the predefined Classic Editor buttons.
But, if there is any way to fix this ckeditor-duplicated-modules error and use the Custom build only, that would be the best solution for me..!
Thanks in advance.

Upload media/images on aws3 using tinymce editor in React js

I'm trying to implement TinyMCE rich text editor in react, all the setup is done. I don't know how can I upload media/images on AWS-3 using TinyMCE in react. If anybody has done it before please share
By default, TinyMCE does not upload images on the server. It converts them into base64 and adds them as blobs. To upload these images to the server, you will need to set up automatic_uploads and add a custom upload handler (check other options in the configuration reference, like images_upload_url, images_upload_base_path, images_upload_credentials, etc).
Since automatic_uploads isn't one of the default options for React, you will need to set up the additional editor options via init.

Is it possible to use AngularJS as alternative to pdf creators?

I am newbie in AngularJS . I have used itextsharp and pdf sharp to create and download pdf. I like to use AngularJS instead of these two pdf creator kits.
Refer this below link to create a pdf using angularjs.
https://medium.com/#darilldrems/angularjs-export-html-table-to-pdf-excel-or-doc-formats-bb741d06dfec

JSF primefaces editor loading file

I'm using jsf primefaces editor, i want to load a text file a value to it.
http://www.primefaces.org/showcase/ui/editor.jsf
Please may i know if this is possible?

dnn - upload an image to portal and use it in html module?

how do i upload an image to the portal and use it in my html of my html module?
i have an html module i want to use and part of it is an image. how do i upload to my portal and then reference the url where it is on my server inside my html?
In case you didn't see my comments on the other one. One way is to just find the file on the hard drive and figure out the link manually in relation to your web root. But if you are using this as a portal system then this might not be the best solution.
There is also upload option right withing html editor. click on image manager icon and it will give you the option to upload an image.
alt text http://images.devs-on.net/Image/rw5tTdgNRgs22f1-MyWebsiteHomeAlp.png
alt text http://images.devs-on.net/Image/YjlGTN1GTUVMR1p-MyWebsiteHomeAlp.png
If your HTML is being put in the DNN HTML module, you could also use the media picker baked in.
If you want a more integrated option, you could use the DNN FileManager API to accomplish integrated uploading and retrieving of files. The DNNFilePickerUploader might come in handy for this, which will give you a DNN file ID which you could the use to get the image url.

Resources