I'm building an online app where you can create/edit documents in a WYSIWYG html editor(I'm using nicedit) and save it on the server.
Now, how can I save the contents in the editor?
I have a choice to save it as html type document but I can't save the images added through url(from any other site) to editor(nicedit) permanently because it uses tag to. Also, I'm not getting any good way to convert the image to dataurl so that it can be permanently added to tag.
Please help!
Related
I am working with iPad and using some random HTML online editor. I explain to my pupils HTML coding and how to include photos on a webpage. How do I store images for my webpage and what is the path in my HTML code if I am working in online editor? Is it still possible to display images or it cannot be done in online editor but it has be done with the use of HTML coding programs installed on a computer?
You can display images. Make sure you have the image in a directory in the editor or as the same directory as your main HTML file in.
I have a simple HTML file that sits on my website. I use this with <div contenteditable="true"> sections and I edit the content on the fly and send it as an HTML email.
If something goes wrong, I save the file as HTML in case I need to retrieve the message sent on any given day.
The problem is saving the HTML from the browser to you computer will save the images and change the src in the file to that location in your directory. I'd like to avoid this behavior since:
I don't want copies of the same images saving every single day.
If I need to resend I can just open up that file from my computer, copy, and send in an email easily. But if I delete them from my computer, then the new src's will point to the wrong place.
So is there a way to tell Chrome not to alter the HTML when it saves and to not save images?
Type ctrl-u on Firefox or Chrome to view html source, then copy and paste to your text editor. Save file with html extension.
Instead of creating an additional text file and provide a link to it, can one embed some texts into an HTML file and provide a link to download it? The solution should work for a static website.
You should be able to base64 encode the file in the link, but you may want to do some cross-browser testing.
See Create a file in memory for user to download, not through server
If I understand correctly, you have a static website and you want to be able to create a link to a HTML page that should be downloaded instead of "viewed" in the browser.
The only way I can think of to solve this is to use the HTML 5 download attribute, like this:
Download
I'm trying to create an editable page in Sharepoint. I already have the page in HTML (it's quite large) and it has many images in it. Previously I have just created a new page in sharepoint and pasted the HTML source in, the uploaded/inserted the images manually, one at a time.
Unfortunately, I am not able to do this in a reasonable amount of time since there are many images this HTML file is using.
So, I want an editable Sharepoint page that keeps the images intact from a directory that looks like this:
thepage.html
1.png
2.png
...
...
...
343.png
etc
Any ideas?
EDIT: For more clarity - this is a specifications document in HTML form, so it has a lot of text and header integrated with images. I'd like it to be converted to an actual Sharepoint Page that is editable from Sharepoint's interface.
Seems best here to use a low-tech solution, some HTML editing and use the best way for you to upload multiple files.
Assuming
C:\mypage
-> \page.html
-> \images\1.png
-> \images\2.png
...
-> \images\100.png
Via the UI
Go to a Document or Image library, and use the "Upload Multiple files/images" (this only appears on Internet Explorer)
Lets say you uploaded it to //sharepoint/myimages
Create a new content page (say an Article page, or WebPart Page with a Content Editor WebPart)
Lets say your page resides now at //sharepoint/pages/mypage.aspx
Change your html to point from <img src="images/1.png" /> to <img src="../myimages/1.png" />
Edit the HTML for your newly created page (Ribbon > Edit HTML Source), paste your HTML code
Via SharePoint Designer
Drag and Drop all the images in your desired location
repeat the HTML steps above
To replace text in bulk, SharePoint Designer, your favorite HTML editor or event Notepad can do that well using the CTRL+H menu / Edit > Find & Replace options.
NOTE: the //sharepoint address up there is the http url for your site, SO won't let me use a full fake address as a sample.
From IE or from Word, save the page as a complete webpage so it creates an HTML file plus a folder with the images.
In network places, create web folder (WebDAV) pointing to Sharepoint. This way, you can access it from the file system in Explorer.
Open your new network place, navigate to the library where you want your HTML file to be, and drag-n-drop the file and folder into there.
The file then will be visible in browser, with the pictures, but the folder will be hidden.
If I have understood correctly your question. You can use this post answer to load list of images by javascript and php ->
Load list of image from folder.
Upload files to Share Point server and use that folder.
Or you can dynamically write c# code to read Share Point folder and display images.
I am completely new to this. I want convert PDF files into HTML format and then i have to create interactive online course application that can be downloadable by students via Internet. Is any way to do it or how can i export this html content to Moodle.
I really struck with this........
Most PDF files are somewhat graphics rather than editable documents. It is in this reason that you cannot directly convert them to HTML or moodle. If your PDF file has the text selectable, you might want to just copy the text and paste it into word or directly to moodle.