Is it possible to override the basic editor for editing pages in Composite C1 and use an enhanced Text editor like TinyMCE in its place?
Please suggest the steps involved in implementing it.
Thanks.
Composite C1 is using TinyMCE already. The toolbar have been servery simplified and adapted to Composite C1 features (like media archive, internal linking and C1 Function access) but the core is a fairly up to date TinyMCE.
There is a way to customize the toolbar, described here: http://docs.composite.net/Console/CustomizingVisualEditor
Related
I'm working on a couple of features for a project that I created a few months back when I was first learning React. I wanted to add a wysiwyg editor to one of my forms so that a user could have more control with the "about" section of an event page (i.e. embed media and images, html source code editing, font formatting, etc.)
The editor that I'm using is TinyMCE 5.0.
This project is a Rails backend and React frontend. (I'm not using Redux - this project was a way to practice React when I first learning it.)
You can find my last commit here if you would like to see my code
The Problem
I'm able to get the wysiwyg editor rendered. I can also type and format text inside the editor's body. When I click on the code icon or image embed icon (like in the gif below), a new modal appears but when I click into it to type, the text cursor appears and then disappears. So I can't type and it seems that the text area and fields become inactive (for lack of a better term - I'm still somewhat in the beginning of my coding journey.)
I just signed up and TinyMCE gives access to premium plugins as well, so I don't think it's an issue with my account permissions/subscription.
I'm also not receiving anything in the console but if there's any help you can provide, it would be appreciated!
Thanks!
TinyMCE 5 editor - text cursor issue - text areas become inactice
It is highly likely that the library you are using for your modal (that contains TinyMCE) is not allowing focus to go elsewhere. As you have not stated the library you use for your modal I can't tell you anything about how to address this but we know this is an issue with common libraries like Bootstrap:
https://www.tiny.cloud/docs/integrations/bootstrap/#usingtinymceinabootstrapdialog
Whatever you are using should have a similar ability.
Is it possible to implement such a function(dragAndDrop) in a Wagtail? Something similar is already done in Froala WYSIWYG editor
It's really tiring, adding photos if you have more than 100 of them.
I've already seen this solution, but it also means a lot of button presses.
Thanks!
You can drag and drop multiple images into the Image manager:
and then select them quickly using search or browse from the Rich Text image selector:
We prefer this approach because it encourages editors to provide good metadata (especially alt text) for their images.
Because of some reasons I am not able to change the view of teaser of my content type using drupal's UI, so I have to immediately force drupal to show images of contents of one of my specific content types in teaser. So, Is there anyway to do it by editing a table of it's database or someone could give me a better idea?
Thanks in advance \M/
You can override the node's template files in the site's theme. A full description of Drupal theme overrides is a large topic, and is version specific but hopefully this is enough to get you started down the right path.
Drupal provides a series of naming suggestions for various templates you can use to override default behaviors (and your own code as well). In Drupal 7 would should be looking for node--[content-type-name]--teaser.tpl.php or node--[content-type-name].tpl.php and then add conditional for the various display modes.
See also: the Drupal community documentation on node.tpl.php
I didn't found any wpf library that contains control for tokenizing (tagging) text input. Perhaps I can't find the library, because I incorrectly call this component. How it is called or where there is such a library?
The DevExpress WPF library contains several data editing controls that provide the option to work in token mode, which is your required functionality. Here is the overview page for this: https://documentation.devexpress.com/WPF/17861/Controls-and-Libraries/Data-Editors/Editor-Types/Token-Editors
Note: This is a paid product. They offer a free trial if you would like to try out their ecosystem.
Another option is to create your own. This can be done fairly quickly (with minimum functionality, but probably enough fro your needs) using a RichTextBox and custom InlineUIContainers. There is a blog post here that fleshes out the idea and provides a sample implementation: https://blog.pixelingene.com/2010/10/tokenizing-control-convert-text-to-tokens
I need to implement a full fledged WYSIWYG HTML Editor in WPF, with a property grid for editing an elements css.
I have seen countless examples using richtext /web views etc.
The problem with all of them are that there's no way for the html element to communicate with the view.
Is there a control that supports this?
Smith HTML Editor is the only one I know of that is used by my colleagues. But my current experience with it is limited.
Yes, you may try SpiceLogic WPF HTML Editor Control. This editor is good when you are looking for optimized XHTML directly from the editor.
https://www.spicelogic.com/Products/WPF-HTML-Editor-Control-17