ASP.NET Razor like WYSIWYG Browser Editor - email

We have been using asp.net mvc razor technology as a template engine to allow the user to develop razor scripts on the client. we are using this for email template engine.
You can see example at Ricks blog on that
http://www.west-wind.com/weblog/posts/2010/Dec/27/Hosting-the-Razor-Engine-for-Templating-in-NonWeb-Applications
I was wondering if anyone know of a WYSIWYG style editor for the client browser that we can use instead of just a TextArea? Something similar to Visual Studio editor that show razor syntax etc..
Thanks,
Noam

That sounds like an interesting application. I don't think there's an editor that supports the Razor syntax, but you can probably modify an existing client-side rich HTML editor to fit your needs. Here are some listed: http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors

Following are the links to MVC HTML editor that you might already know:
http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/HTMLEditorExtender/HTMLEditorExtender.aspx
http://mvccontroltoolkit.codeplex.com/
http://richtexteditor.com/mvc/

Related

Orbeon FormBuilder Embedding

How do i embed Orbeon form builder in a non java webapp, (Plain Javascript) as well as customising its look (CSS). I am currently embedding it using an iframe but it doesn't seem to be a very good option. Any suggestions are appreciated.
Embedding Form Builder with the JavaScript embedding API isn't supported yet. At this point, you can only embed Form Builder with the Java embedding API.
There is no fondamental reason why this couldn't possible from the JavaScript API; it is just a question of issues that still need to be ironed out (for more on this, see issue #4483). So, as I write this, if you can't use the Java embedding API, you're correct and the only way to do this is to use an iframe.

how to do design in XML instead of Html in nativescript with Angular?

Is it possible to use XML instead of Html for design the screen in nativescript with angular app template?
Thank you for reading, looking forward to reading your responses!
The answer is yes: Angular is perfectly happy to accept XML for its templates in NativeScript -- we are doing that at my company Yollerhorn right now as we develop our mobile app, and we made the decision to help disambiguate our web templates from our native templates. The one caveat is that we've run into some strange errors around commenting and unrecognized XML, but in general it should work just fine.
Even though you're adding your user interface to HTML files in a NativeScript with Angular project, you're not writing HTML.
NativeScript markup is XML. Technically HTML is XML, but NativeScript won't understand it and a web browser won't understand NativeScript XML.
Hopefully that makes sense and answers your question.
Best,

Email Editor Similar to Campaign Monitor or Mailchimp's editor?

I looking for either an open source (or otherwise) php script/library/code that will provide me with a similar email composer that Mailchimp and Campaign Monitor have.
I've played around with lots of wysiwyg editors (eg: tinymce, ckeditor) but, they don't work very well for allowing users to compose emails.
Mosaico Editor is the first open source email template builder of this kind (AFAIK).
You can find a free to use deployment (working also as live demo) at http://mosaico.io and you can get sources at https://github.com/voidlabs/mosaico
I choose blocks from a set defined by the "master template", then you fill you contents and change their styles in a WYSIWYG style. If you're on a large window you can also have live preview for the mobile version.
The master template defines what are the blocks, what you can edit and what you can style and it contains any html trick to make it compatible with most clients: this means you can change the editor behaviour a lot by simply writing a new master template.
It is 99% javascript (IE10+, and any other modern browser) and depends on server-side functions only to do "final inlining" and "image upload/resizing"
Next generation tool for building templates without coding
Grapejs official site
GrapesJS is an open-source, multi-purpose, Web Builder Framework which combines different tools and features with the goal to help you (or users of your application) to build HTML templates without any knowledge of coding. It's a perfect solution to replace the common WYSIWYG editors, which are good for content editing but inappropriate for creating HTML structures. You can see it in action with the official demos, but using its API you're able to build your own editors.
I'm in the process of building one but as a designer it is a work in progress! I'd suggest looking at PHP template engines. They have a similar functionality. Most however will use php variables inside the html page instead of tags.
Another oprion is to check out Perch it is officially a CMS, but is really lightweight and might get the job done for you.
Hope that helps even though it is a year after you posted the question...
EDIT: Actually just stumbled across this thread which links to the new CKEditor - looks pretty cool.

MODx CMS - How to use own PHP or HTML code in custom pages

Is it possible to implement custom HTML or PHP in MODx CMS pages?
I want to do more than the Rich Text Editor can offer.
Thank you.
You can add your HTML in chunks or templates, only getting the content you need from the rich text editor to use in your template, you shouldn't really be adding too much HTML to page content as this would allow a user to mess around with the page layout.
As for using your own php this can be implemented using Snippets
The Rich Text Editor offers a source view mode where you can enter your own HTML. This would be valuable in case you want to do something fairly standard like add a DIV tad with an ID.

asp.net mvc Razor code highlighted in dreamweaver

We have to migrate our asp.net mvc views, that use webforms view engine, into razor view engine.
The situation is that we have a group of web designers that uses dreamweaver to change the html of these files.
Do you know if there is something in dreamweaver to view correctly the razor code (i mean, hightlighted to easily read for them)?
Support for ASP.NET was dropped in Dreamweaver CS4 (current version is CS5), so any support would come only through a third-party plugin.
I followed Peters steps for adding cshtml to the list of editable files:
http://blog.metameister.com/blog/2011/04/08/open-new-file-types-and-add-syntax-highlighting-in-dreamweaver-cs5-on-windows-7/
Since Dreamweaver does not recognize Razor elements, this allows to edit the csHTML inside Dreamweaver, while in the design view you see the Razor parts is if they were text.
If your designers expect a design view, they might not be happy, if they are coder-designer how tweak raw (cs)html, then that might help them.
For me that is helpful, although I like the Visual Studio text editor a lot, writing text inside the page is sometimes easier with DW, for instance making some text goes by ctrl-b inside DW while I could not figure out a way to do this in VS by shortcut.
Razor is still in beta so I would be surprised if there are any plugins available yet.