Rich Text Editor functionality for a DIV tag in a publishing page in SharePoint online

Hi,
We are having a requirement where we need RTE behavior of SharePoint 2013 Rich Html Field for a custom DIV. The scenario goes like this:
1. I have a publishing page
2. I dropped the content editor web part and to that content editor web part I will point to an HTML file that needs to be rendered in that content editor web part
3. I have one DIV in the above mentioned HTML files and I want that div to be editable and I need to RTE options for that DIV.
How to accomplish the above behavior?

Hi,
According to your post, my understanding is that you wanted to create html rich text editor for a DIV tag in a publishing page in SharePoint online.
You can create your own Rich Text Editor.
Here are some great blogs for your reference:
An Example to Use HTML Rich Text Editor
Example: Using the Editor's instance
Rich Text Editor control in SharePoint 2010
Regarding SharePoint Online, for quick and accurate answers to your questions, it is recommended that you initial a new thread in Office 365 forum.
Office 365 forum
http://community.office365.com/en-us/forums/default.aspx
Best Regards,
Linda Li
Linda Li
TechNet Community Support

Similar Messages

  • Using rich text editor (RTE) for custom applications

    Our users enter texts on two places:
    1) In Oracle Portal in text-items using the Rich Text Editor.
    2) In text-fields in a custom application using html-tags <textarea>blabla</textarea>. For formatting the users currently have to type in html-tags themselves. Now we want to provide them an html-editor.
    We would prefer to use the Rich Text Editor also for the custom application. However, that is integrated in Portal and the java-scripts are not easy to follow.
    Have you tried something similar? So, did you use the Rich Text Editor for your own application? If yes, how?
    If not, a very good alternative would be the qwebeditor (see http://www.qwebeditor.com). Did anybody replace the standard Portal rich text editor with the qwebeditor? In the Portal guides there are instructions about replacing the Portal rich text editor by another editor, but it is not clear if this will also work with the qwebeditor.
    Thanks for your respons !
    Best regards, Jan Willem Vermeer

    Hi Jan,
    I have configured FCKeditor in a few clients, and the process it's pretty straight forward, you can use the steps in the document (http://www.oracle.com/technology/products/ias/portal/pdf/cm_rte_1014_features.pdf) .
    Basically you download FCKeditor and put it in your apache server (you can put it unde rthe htdocs folder) after that, all you need to do is modify $ORACLE_HOME/portal/images/webword/buildUIHTML.html to reference the FCKeditor JS and CSS, and you can do the same type of reference for your custom apps.
    Regards,
    Juan

  • Rich Text Editor Option for Custom Metadata

    Hi,
    We have created custom profiles for our clients. In one such profile which was created for news updates, client wants to have rich text editor in case of certain custom metadata fields such as description similar to comments.
    As far i as i understand this can be achieved by creating region defintion which gives the option to create a web asset which can edited using site studio api. But is it possible to bring in rich text editor features for custom metadata fields in profiles ?
    Regards,
    Boopathy P

    I'd suggest looking into the profile rule's "Use custom include" option.
    You need to build the new control on your own, but you'll be able to plug it in via the "Use custom include" profile rule option. It's on the "Edit Rule Field" page.
    You can also override the template, but I believe that's a lil' too hardcoded for best practices. This way, you can create a ckeditor textarea and apply it to any metadata you wish (of course, it's up to you to make sure the datatypes match).
    Let us know if this helps!
    -ryan

  • Integrating a Rich Text Editor Like CKEditor with ADF pages

    Dears
    I am looking for a way to use a rich text editor like TinyMCE, CKEditor, etc... within ADF pages
    Is there a simple way how to use such text editor in my ADF application?
    Looking forward for your reply
    Best regards
    Mohamed Chargui

    Mohamed Chargui wrote:
    Dears
    I am looking for a way to use a rich text editor like TinyMCE, CKEditor, etc... within ADF pages
    Is there a simple way how to use such text editor in my ADF application?
    Looking forward for your reply
    Best regards
    Mohamed CharguiThere is an ADF Rich Text Editor component - does that not meet your needs?

  • Query Regarding Rich Text Editor in Oracle 10G

    Hello.
    Can anyone let me know is their any privilege in Oracle 10g that we Incorporate the Rich Text Editor functionality. Currently we are working on Laboratory / Radiology Template based Reports in which they are requesting their should be option through which we can simply Cut and Paste our organized TEXT(REPORT) which are formatted in MS WORD with Bold,Underline and in Bullets format, it should simply paste in Editor and we can view a Template based report with formatted REPORT.
    We are using Oracle 10G and it's Applet based Application. Any clue how can we Accomplish this? Any Suitable Suggestion?
    Thanks

    Sorry, I referred this already.. This also returns the HTML text. But i don't want the HTML text. I want Normal Text what i enter in the Editor. But as of now all the editors are returning HTML text. So in the front end also it is showing HTML text only.
    I entered the text in Editor as
    System Defaulted Note
    Quote entered
    But editor returns as below and the same way it is showing in the Front end application instead of above text.
    <html>
    <head>
    </head>
    <body>
    System Defaulted Note
    <p>
    Quote entered
    </p>
    </body>
    </html>

  • Div ids are not persisting in rich text editor of CQ5.6

    Hi,
         I created a rich text widget and I added plugins. I activated "misctools" plugin also. I clicked on "sourceedit" and paste the code which contains ids for divs like -
    <div id="onboarding" class="row onboarding-content scroller">
    </div>
    After that I clicked ok and again I opened the dialog. But I'm unable to see id. It shows only -
    <div class="row onboarding-content scroller">
    </div>
    I also created "htmlRules/serializer/config" nodes of type nt:unstructured under the richtext editor widget. It worked in 5.5 but not in 5.6.
    Whats the problem behind this? Please suggest me the solution for this. Let me know if there is any other way to persist div ids in richtext editor of cq5.6
    Regards,
    Arya.

    Hi,
         Try this to persist div ids in rich text editor in cq5.6
         Create a folder structure similar to "/libs/cq/ui/rte/core/HtmlSerializer.js"  in apps as "/apps/cq/ui/rte/core/HtmlSerializer.js". Make sure that the folder structure and node types are as same as in libs. Then set "idAttribMode" to "keep" in "_init" function of HtmlSerializer.js. It will work
    Thanks,
    Arya.

  • Character Counter for a Rich Text Editor

    Version  4.1.1.00.23
    Hello,
    I'm hoping that someone has a solution for a character counter/validation to use on the Rich Text Editor.
    Thanks,
    Joe

    Hi,
    Happy New Year.
    Ok.
    Well, I'm not expert on this, but this peace of code might help you get started.
    Code should go to page JavaScript -> Execute when Page Loads
    var lEditor=CKEDITOR.instances.Px_YOUR_EDITOR;
    lEditor.on('contentDom', function() {
    lEditor.document.on('keyup', function(e) {
    var len=lEditor.getData().replace(/<[^>]*>|\s/g, '').length;
      /* do here something. JavaScript valiable "len" holds editor text length e.g. */
    /* alert(len); */
    Replace Px_YOUR_EDITOR with your editor name.
    I do not have any idea does it work on all browser. I did test with Firefox.
    Regards,
    Jari

  • Database Column Type for Rich Text Editor

    Hi,
    I have a page item as Rich Text Editor. Now I want to store the data in tables in the same format as user entered in the page item.
    What would be the database column type for that?
    Thanks,
    Mehabub

    Mehabub Sheikh wrote:
    I have a page item as Rich Text Editor. Now I want to store the data in tables in the same format as user entered in the page item.
    What would be the database column type for that?As usual, the answer is "It depends".
    In this case it depends on the nature and size of the content. For content up to 4000 bytes in length, use VARCHAR2 or NVARCHAR2 (depending on the DB character set and globalization requirements), for content of longer length use CLOB or NCLOB (again depending on DB characterset and your globalization requirements).
    Note the effect of DB character set on the number of characters you can store in a VARCHAR2 or NVARCHAR2 column, and the overhead of HTML tags generated by formatting in the Rich Text Editor.

  • Rich Text Editor for Content Editor WPs (MOSS 2007) disappears using Office 2013/Win7/IE 11

    We've upgraded our computers to Win7/IE 11 but now when I try to edit our MOSS 2007 Content Editor Web Parts, the option to choose either the Rich Text Editor or Source Editor is gone, and all I get is a tiny HTML window. What do I need to do to get back
    the Rich Text edit option?

    Glad that it worked. One thing you need to be aware of Compatibility View is that it adds the entire domain to the View not just the URL. So if your website is
    http://sample.mycompany.com it adds entire mycompany.com to the list.
    This implies if you have another site in the same domain http://onemoresite.mycompany.com , then Compatibility View is applicable even for that site. This might cause issues if your other 'breaks' when
    rendered in Compatibility Mode.

  • Using Rich text editor appends br tag at the last to the content.

    Using Rich text editor appends <br> tag at the last to the content. This does not happen in chrome. I am using v31.0 on ubuntu which seems to be the latest.

    What editor are you using? What are you trying to edit?
    What web site?

  • JHS setting for the Display Type of Rich Text Editor

    In the "Display Type" settings for an item, there is no option in the JHS Definition Editor to choose a "Rich Text Editor" type. Is that intentional or an oversight?
    Thanks,
    Gary

    Gary,
    don't know why it's left out, but you can implement a rich text editor with a custom template (that's the answer I got when I asked the question several months ago). Here's the template code I use for implementing a rich text editor in a table:
    #macro (EDITOR_POPUP)
    <af:popup id="${JHS.current.item.bindingName}Popup" contentDelivery="lazyUncached" eventContext="launcher">
    <af:dialog modal="true" resize="on" title="#TEXT_EDITOR_TITLE()" id="${JHS.current.item.bindingName}Dialog">
    <af:richTextEditor rows="10" columns="100" #ITEM_VALUE_IN_FORM()
    simple="true" id="${JHS.current.item.bindingName}EditorText"/>
    </af:dialog>
    </af:popup>
    #end
    #set ($popupId = ${JHS.page.addPopup("${JHS.current.item.bindingName}Popup","${JHS.engine.fullNamingContainerPath}","#EDITOR_POPUP()")})
    #set ($popupDialogId = ${popupId.replaceAll("Popup","Dialog")})
    <af:panelLabelAndMessage #ITEM_RENDERED_IN_TABLE() #ITEM_PARTIAL_TRIGGERS() #ITEM_HINT()>
    <af:richTextEditor #ITEM_ID_IN_TABLE() #ITEM_VALUE_IN_TABLE() #ITEM_PROMPT_IN_TABLE()
    #ITEM_REQUIRED_IN_TABLE() #ITEM_ROWS() #ITEM_COLUMNS()
    #ITEM_READ_ONLY_IN_TABLE() #ITEM_ADDITIONAL_PROPERTIES()
    #ITEM_DISABLED_IN_TABLE() #DEPENDS_ON_ITEM_PROPS_TABLE()
    simple="true" partialTriggers="${JHS.current.item.bindingName}EditorLink ${popupDialogId}">
    #REGULAR_EXPRESSION_VALIDATOR()
    #VALIDATOR_BINDING_IN_TABLE()
    #NUMBER_CONVERTER()
    </af:richTextEditor>
    <af:commandLink id="${JHS.current.item.bindingName}EditorLink"
    #JHS_PROP("rendered" $JHS.current.item.renderEditorLinkInTable)
    immediate="true" partialSubmit="true">
    <af:showPopupBehavior popupId="${popupId}"/>
    <af:image source="/jheadstart/images/editor.gif" id="${JHS.current.item.bindingName}Icon"
    clientComponent="true"/>
    </af:commandLink>
    </af:panelLabelAndMessage>
    #ITEMS_DISPLAYED_AT_RIGHT_IN_TABLE()

  • I use Juno for my email. How do I turn on the Rich Text Editor and how do I forward messages inline rather than having everything go as an attachment?

    Using Juno I find no way to turn on the Rich Text Editor. How do I turn it on?
    When I forward a message in Juno, everything goes as an attachment. How do I get messages to go inline?

    Another thing to remember is the phone is actually usable for 911 calls and maybe others. Not a real good idea. Especially for a child.
    It would depend however on the age of the child.
    Good Luck

  • Portal Rich Text Editor in Firefox 3.5 Not Working

    I'm using Oracle Portal Version: 10.1.4.0.0 (Build: 594)
    The text item Rich Text editor works fine in IE 6 and has reduced functionality in Firefox 3.0 (scroll doesn't work). I've just updated to Firefox 3.5 and the text editor doesn't work at all now.
    The user is presented with a grey box where all the text controls are squashed into the top left hand corner.
    The following errors appear in the Error Console :
    Error: element.children.tags is not a function
    Source File: http://xyz.example.net:7778/images/webword/WebWordMenuToolbar.js
    Line: 1
    Error: attachEvt is not defined
    Source File: http://xyz.example.net:7778/images/webword/buildUI1.js
    Line: 76
    (I've replaced our server url with http://xyz.example.net)
    Has anyone else noticed this? Has anyone got any suggestions on what I can do to investigate/fix it?
    Thanks,
    Matt
    Update :
    There is a patch available to potentially fix the Rich Text Editor issues in Firefox
    "The Rich Text Editor Does Not Work Correctly In FireFox" - Metalink Doc ID: 456512.1
    or you can replace the RTE completely with a 3rd party editor :
    "How to integrate third party RTE (FCKeditor) with Oracle Portal" - Metalink Doc ID: 352796.1
    Using FCKEditor may well solve the issues but I only use Firefox for development. Our users use IE6 so I don't want to replace the interface unless I have to.
    Edited by: Matt Hawkins on Jul 15, 2009 1:58 PM

    This is a known issue in both Portal 10.1.4.x and Portal 11.x :
    Bug 8708210 (11) NOT ABLE TO RENDER RICH TEXT EDITOR WITH FIREFOX 3.5 BROWSER
    This bug is not published on Metalink.
    There is no solution yet. Consider to use IE Tab (https://addons.mozilla.org/en-US/firefox/addon/1419) for editing file items until this bug is solved.

  • Rich Text Editor Options

    I am working on a project that needs a Rich-Text Editor with
    ability to insert tables, images, and more complex editing features
    such as what FCKEditor provides but ideally that was built with
    Flex in mind. Is there such an editor available? I have seen a few
    options but nothing that really matched the functionality of
    FCKEditor for example.
    Thanks

    Hello,
    I was looking for flex version of the FCK Editor,
    unfortantly, I could not find a fully complete solution, but I
    found the following which might help you:
    1.
    http://flashtexteditor.com/flexdemo/full/
    2.
    http://drumbeatinsight.com/examples/htmlcomponent/editor/HTMLWithRTE.html
    L.L.

  • Print PDF rich text editor using BI Publisher

    Hi !
    I have a CLOB field from database, and I store data using a rich text editor, like a MS Word system, here as you know, I can write words in bold format, use differents kind of colors, etc... and use all formatted text that the editor allow me. I haven't problems once save this data into table and restore again, I can see all this data formatted , and I don't loose any property of this formatted text.
    The problem is when I want print this information in the same way that I can see in the rich text editor. I use BI Publisher for generate a PDF, when I send this field for print a PDF, the PDF that BI publisher generate, print only text, prints all characters including generating that text is formatted, for example, if the field is written in bold print "<b>hello</b>" in the PDF generated by BI Publisher see "< b. > hello < / b>".
    Please which is the way for print the same as is displayed in the rich text editor?
    Thanks in advance.
    Edited by: Almogaver on 07-mar-2011 14:35
    Edited by: Almogaver on 07-mar-2011 14:35
    Edited by: Almogaver on 07-mar-2011 14:36
    Edited by: Almogaver on 07-mar-2011 14:37

    Bump Again. I understand how to remove the HTML tags, thats not a problem. The problem is getting the report to print the data from a Rich Text Field stored in a CLOB or NCLOB as formatted text. Is there a "Master Style Template" or "Master Rich Text Field Subtemplate"?
    Richard

Maybe you are looking for