I have been looking for a WYSIWYG editor to add into my own built CMS. I have come accross Nicedit, which is fantastic however, i cannot seem to upload an image and resize it.
Does anyone have any idea how i can do this?
Don't forget to add this code on your page, without it you will not be able to do so
Also you have to change the configuration of the editor and make it upload to a specific location on your server or other remote servers
http://wiki.nicedit.com/w/page/515/Configuration%20Options
Related
I am a starter in programming. One of my friends told me that I can start programing without installing any app and that I need only notepad to start learning HTML. The thing I can't find out is how I actually make it work. I inputted the code he gave me and I also made sure there where no typos, but then after I saved it I can not open it as a local file. I have only been able to open it as a text document so I can only see the code.
For this you have to save the file you are working on with the extension: .html. Then you have to open it with a browser, and you will see there the content of it
you can create a notepad and save it as name.html (not as .txt)
write the code inside it.
You can start with the notepad software. Unfortunately, this is not the best option. In fact, specialized software is recommended. Thanks to them, you will be able to write code faster thanks to the suggestions made by the software or to the very useful shortcuts! If you want to use this software, I recommend you one of the best on the market: Visual Studio Code.
If however you want to stay with notepad, you just have to click on "File" > "Save as" and to choose the type of file you want. In your case, it will be .html (Hypertext Markup Language)
You can create a file called [filename].html, and right click on it to open it in notepad. After Editing the file and adding your code to it, you can double click on it and it will open in your browser.
If you start enjoying to code, getting an IDE will make it much better. Visual Studio Code is recommended for this as it is user friendly and won't take up much storage space :)
code.visualstudio.com - Visual Studio Code
After saving the HTML code save it as filename.html, make sure that file extension is .html otherwise the filesystem will not recognized it.
Then right click on the file and open it with chrome or whatever browser you have and it will work, else open browser and drag it to browser and drop it, your html page will open in browser.
The image is in a folder "more" which is in a folder "Pictures" which is in "My PC".
Hello and welcome to StackOverflow!
You would need to upload this picture to Codepen, so Codepen can actually access this picture even if your Computer is shut down. Unfortunately, this is a pro feature (bottom-left corner -> "Assets")
Using a free Webspace:
However, there are many websites online that provide a free webspace, where you can upload your html, css, images, php files and more and often you also get your own subdomain (like mywebsite.webhost.com).
From the top of my head I only know bplaced.net but feel free to search around.
Using an image hoster:
If you want to stay with Codepen and the nice IDE you can look out for an Image Hoster where you can upload your file and get a direct link to the image which you can then use on your codepen.
You can download xampp or wampp (if you are on windows) or there are plugins for VSCode to mimic a quck http server. You can do everything on your machine.
You can upload files in your system to codepen in assests (pro feature). or you can use their own free design asstes
I like how when I use F12 on chrome I can edit a page live and check the source files and all that, but I would like to be able to use this on my own website so that every edit I make using F12 is instantly saved to the local html/css file. I like the live output is what I mean. Are there any programs like this? I've tried extensions as well but they all seem to be standalone nothing to do with the website I am browsing through. Is there any way to run F12 as the owner of the website?
No its NOT possible.
However, you can use a scrapping software like Httrack and copy the entire remote website's CSS, JS and HTML files on your local system and then you can edit files manually using any text editor or IDE of your choice.
is there some other way to edit or change some text or pictures on my website using it's interface or not from the HTML file, cause my client is wondering on how can day update the "Events" Box(they don't know how to use HTML) i'm really new at this and open to any suggestions, thank you
It depends on what you are using. if you are using a CMS based program that would be possible.
you cannot edit a page without opening its files right of the browser without any external help.
It seems that you want to edit the content of your website. Yes, its possible without opening any file using your CMS Dashboard. If the content is static then you have to open the php/html file.
What I'm trying to do is to save the changes I make to CSS and HTML on different sites with Firebug.
Just to be clear, I don't expect Firebug to upload the changes to the server via FTP or anything. I just want to save the changes locally, so only I will be able to see them.
For example I've seen a few Firefox/Chrome extensions that add a download button under every video on Youtube, so I know it's possible to do that somehow.
If you have a different way to achieve what I'm trying to do, I'll be glad to hear about it.
(It doesn't have to be with Firebug.)
Thanks in advance!
If you don't mind using Web Developer Toolbar it's easy to save changes made to the DOM (and CSS).
When you install the toolbar, you'll get a "View Source" menu, click on that and choose "View generated source". Then just copy and paste that into a .html file.
You did not say if you alter your HTML or CSS, if CSS, FireFile is a very good addon for this.
Edit, with some Googling, i found FireDiff, which states that it can export changes made in Firebug, i have not tested it bit it's worth checking out.
You could try using Greasemonkey.
It has support for adding custom scripts that are run whenever you load a page (linked to which pages it should load on) and that can make changes to the page dynamically.
https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
The http://chrispederick.com/work/web-developer/ web developer toolbar will let you add a user style sheet to a site which should achieve your goals.
This may or may not be exactly what you're asking for, but you can download the extension FireDiff in order to save changes made with FireBug. I made a little tutorial on how to do it here: https://www.youtube.com/watch?v=m4OmZLX2zd4
I have a somewhat simlar use-case that I solved differently. I'm not sure if it is what you are looking for or not. I'll describe the behavior and if that is helpful I'll explain exactly how I implemented it.
I changed the code that execute when you click "Run" (or Ctrl+Enter) to check to see if the first line of the code is a hard-coded string //LoadFromFile:<file path>. If it is, and the file exists then I pull the file off of the local file system and run it instead of executing the code in the console window. This way I can use an external text editor to write code.