HTML Editor from ASP.NET with file upload and insert - html

I have a website that is ASP.NET Webforms VB. I need to add to it a HTML text editor with file upload so images (for example) can be uploaded and inserted or selected from previously uploaded and inserted.
I have seen TinyMCE can do this but seemingly with me having to work on the Plugin.
Can anyone advise on something that can achieve the above but kind of working "out of the box"?
Free ideally but can look at commercial.
Again it is Webforms so not MVC or anyting like that.
HZ

The ajaxtool kit has two kinds of file uploaders, and also has a html editor, and the editor does have a up-load option that can be added as a custom button.
You can find the demos here, including the HTML editor:
http://www.ajaxcontroltoolkit.net/
You can install using nuget if you wish (the most easy).

Related

How to display code snippets in Sharepoint web pages

I am creating an internal web page using Sharepoint, which could be viewed by my team members only. I would like to include some python or JS code within the text of the web page. Does anyone know how to include code snippets so that the code stands out from the rest of the text (as it does on stackoverflow)?
Older versions of Sharepoint allowed Editing HTML source, but it does not look like that option exists anymore.
Any ideas?
We can use Script Editor web part to achieve this.
First Add a script editor web part into your page as below:
Then click "EDIT SNIPPET" of this web part to add our HTML/JavaScript/PHP code within "xmp" tag.
For example as below:
Finally, save your changes and you will see what you want!

how to drag and drop css file in eclipse?

I'm new to elipse php. i have used dream viewer for my php development before moving to the eclipse. So, i need to know when i drag and drop the css file into html editor, it needs to auto genarate the <link> tag for that css file. It worked with dream viewer. But its not working with eclipse. And, also when i need to use css classes inside html tag it needs to type the css class name.But, instead that i need to know how to config that to all the css class as suggestion for html tags, like in dream viewer and netBeans.
The text DnD (Drag and Drop) feature (initially introduced by bug 11624 in 2007) has been slowly extended to various editors, as reported by the bug 231294:
Tested in EclipsePdt-2.2.0.v20100427
Verified fixed for:
PHP files
JS files
Still reproducible in:
CSS files
HTML files
XML files (source view)
So it is still "work in progress".
The relevant blocking issues are:
bug 178104: [DND] Need to revisit dnd API to allow multiple drop targets
bug 173405: Make use of IDragAndDropService (Show Votes)
bug 195655: Drag'n'drop selected text
First of all Eclipse is not an IDE, it's a platform you can build IDEs (or any other application). There are several implementations for different languages. Most popular one which is actually the origin of Eclipse is Java IDE. There is also a plugin/feature for PHP development, called PDT.
DreamViewer is a specialized WYSIWYG editor for web development (mostly around HTML/CSS/Javascript) that includes support for different web scripting languages. It has some special properties as you mentioned, that can create a link element when you DnD.
What you can do is request a new feature from PDT team, that creates a link element to the dropped file inside a HTML document.

Eclipse and .tml files highlighting not working

I'm using eclipse Juno EE IDE for Web Developers.
When I open .tml files, they don't show the correct highlighting and auto complete isn't working. I thought this looked just like it's opening it in a text editor. I right clicked the .tml file and clicked open with > HTML editor and I still don't get the correct highlighting.
This works perfectly on my PC at home, I am at work and it doesn't work properly. Please can someone give me a quick heads up on what setting is wrong? I've spent ages looking and trying different editors, but i'm sure it should just work in the html editor.
Thanks,
Edit: When I hover over the underlined closing html tag, it says "The word is not spelt correctly". It's like it's a text editor, only I did right click > open with html editor.
(If not using Tapestry Tools, as uklance mentioned)
Remember that in addition to editing Eclipse's File Association configuration in:
Window->Preferences->General->Editors->File Associations
you should add the *.tml extension in the Content Types configuration in:
Window->Preferences->General->Content Types
there you should chose html or xml and click add to add *.tml
Have you seen the Tapestry Tools eclipse plugin?
Or you can just add a file association for *.tml to the XML or HTML editors.
Another alternative is using the JSP editor and a custom tld

Is there a way to add a designer view for the cshtml razor editor?

I am using an inhouse tool we developed to parse razor templates with generated models.
The thing is that now it requires loading the template every time in order to parse it.
I wanted to add an edior so i could preview the cshtml while writing it, so i thought the best way would be to make it a visual studio extension.
I researched the web and it seems to me like you can write a custom editor for VS, but then I have to write the editor itself, which i dont want to do.
Is there a way to use the existing razor editor built in to VS2012 and add a preview tab with my control that gets the current text from the razor editor so i can parse it and show the preview?
The reason want to use the existing editor is for coloring, intellisense, error handling etc.
There is no built-in support for a design view for Razor (CSHTML and VBHTML) files. Part of the reason for this is that they are a mix of code and HTML, which ranges from "very difficult" to "super impossible" to parse.
Having said that, there's a super cool feature in VS2012 called Page Inspector that can show you the real rendered page alongside the code that generated it (e.g. your Razor view) and the mappings between them, even if some of the content came from a layout page or partial view.
Check out http://msdn.microsoft.com/en-us/library/hh420390(v=VS.110).aspx and look for the "Page Inspector" section, which includes links to several blog posts and videos that describe the feature in depth.
Here's an excerpt:
Page Inspector is a tool that renders a web page (HTML, Web Forms, ASP.NET MVC, or Web Pages) directly within the Visual Studio IDE. You can use Page Inspector to examine both the source code and the resulting output. For ASP.NET pages, you can use Page Inspector to determine which server-side code has produced the HTML markup that is rendered to the browser. Page Inspector works even when the default ASP.NET bundling and minification features are enabled.

Web visual editor

Can you tell me any open source (with source code) to visual html editor.
I want that editor to be able to create buttons, text input etc.
I'm trying build a web EDMS.
Any ideas?
You could use the free verion of CKEditor