Here is the config file tinyMceConfig.config.... can you suggest what can I add/edit in the file?
<?xml version="1.0" encoding="utf-8" ?> <!-- Any changes to this file requires the application (umbraco) to restart --> <!-- This can be done by touching the web.config or recycling the application pool --> <tinymceConfig> <commands> <command> <umbracoAlias>code</umbracoAlias> <icon>images/editor/code.gif</icon> <tinyMceCommand value="" userInterface="false" frontendCommand="code">code</tinyMceCommand> <priority>1</priority> </command> <command> <umbracoAlias>removeformat</umbracoAlias> <icon>images/editor/removeformat.gif</icon> <tinyMceCommand value="" userInterface="false" frontendCommand="removeformat">removeformat</tinyMceCommand> <priority>2</priority> </command>
<!-- this area is for custom config settings that should be added during TinyMCE initialization --> <customConfig> <!-- <config key="myKey">mySetting</config>--> <config key="entity_encoding">raw</config> <config key="spellchecker_rpc_url">GoogleSpellChecker.ashx</config> </customConfig> </tinymceConfig>
embedding video
hello
When I try to embed video in post, it appears preview bur when I click insert it disapears from editor.
also, when I select type... say quicktime or shockwave... it shows missing plugin msg. When I try to install it does not install anything.
I'm not sure what you're trying to implement
uBlogsy is just a bunch of razor scripts that output what is stored in Umbraco.
Do you have screen shots or a screenr vid to demo the issue?
actually I meant that not able to embed video through comtent editor
That may be a tiny mce issue.
Check your tiny mce config file under /config.
Ensure that allowed elements contains the tag that you're trying to insert.
I think that's all you need to do. I've never tried to embed video into the editor before.
Here is the config file tinyMceConfig.config.... can you suggest what can I add/edit in the file?
<?xml version="1.0" encoding="utf-8" ?>
<!-- Any changes to this file requires the application (umbraco) to restart -->
<!-- This can be done by touching the web.config or recycling the application pool -->
<tinymceConfig>
<commands>
<command>
<umbracoAlias>code</umbracoAlias>
<icon>images/editor/code.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="code">code</tinyMceCommand>
<priority>1</priority>
</command>
<command>
<umbracoAlias>removeformat</umbracoAlias>
<icon>images/editor/removeformat.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="removeformat">removeformat</tinyMceCommand>
<priority>2</priority>
</command>
<command>
<umbracoAlias>Undo</umbracoAlias>
<icon>images/editor/undo.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="undo">undo</tinyMceCommand>
<priority>11</priority>
</command>
<command>
<umbracoAlias>Redo</umbracoAlias>
<icon>images/editor/redo.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="redo">redo</tinyMceCommand>
<priority>12</priority>
</command>
<command>
<umbracoAlias>Cut</umbracoAlias>
<icon>images/editor/cut.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="cut">cut</tinyMceCommand>
<priority>13</priority>
</command>
<command>
<umbracoAlias>Copy</umbracoAlias>
<icon>images/editor/copy.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="copy">copy</tinyMceCommand>
<priority>14</priority>
</command>
<command>
<umbracoAlias>mcePasteWord</umbracoAlias>
<icon>images/editor/paste.gif</icon>
<tinyMceCommand value="" userInterface="true" frontendCommand="pasteword">pasteword</tinyMceCommand>
<priority>15</priority>
</command>
<command isStyle="true">
<umbracoAlias>stylePicker</umbracoAlias>
<icon>images/editor/showStyles.png</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="umbracocss">umbracocss</tinyMceCommand>
<priority>20</priority>
</command>
<command>
<umbracoAlias>bold</umbracoAlias>
<icon>images/editor/bold.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="bold">bold</tinyMceCommand>
<priority>21</priority>
</command>
<command>
<umbracoAlias>italic</umbracoAlias>
<icon>images/editor/italic.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="italic">italic</tinyMceCommand>
<priority>22</priority>
</command>
<command>
<umbracoAlias>Underline</umbracoAlias>
<icon>images/editor/underline.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="underline">underline</tinyMceCommand>
<priority>23</priority>
</command>
<command>
<umbracoAlias>Strikethrough</umbracoAlias>
<icon>images/editor/strikethrough.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="strikethrough">strikethrough</tinyMceCommand>
<priority>24</priority>
</command>
<command>
<umbracoAlias>JustifyLeft</umbracoAlias>
<icon>images/editor/justifyleft.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="justifyleft">justifyleft</tinyMceCommand>
<priority>31</priority>
</command>
<command>
<umbracoAlias>JustifyCenter</umbracoAlias>
<icon>images/editor/justifycenter.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="justifycenter">justifycenter</tinyMceCommand>
<priority>32</priority>
</command>
<command>
<umbracoAlias>JustifyRight</umbracoAlias>
<icon>images/editor/justifyright.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="justifyright">justifyright</tinyMceCommand>
<priority>33</priority>
</command>
<command>
<umbracoAlias>JustifyFull</umbracoAlias>
<icon>images/editor/justifyfull.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="justifyfull">justifyfull</tinyMceCommand>
<priority>34</priority>
</command>
<command>
<umbracoAlias>bullist</umbracoAlias>
<icon>images/editor/bullist.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="bullist">bullist</tinyMceCommand>
<priority>41</priority>
</command>
<command>
<umbracoAlias>numlist</umbracoAlias>
<icon>images/editor/numlist.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="numlist">numlist</tinyMceCommand>
<priority>42</priority>
</command>
<command>
<umbracoAlias>Outdent</umbracoAlias>
<icon>images/editor/outdent.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="outdent">outdent</tinyMceCommand>
<priority>43</priority>
</command>
<command>
<umbracoAlias>Indent</umbracoAlias>
<icon>images/editor/indent.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="indent">indent</tinyMceCommand>
<priority>44</priority>
</command>
<command>
<umbracoAlias>mceLink</umbracoAlias>
<icon>images/editor/link.gif</icon>
<tinyMceCommand value="" userInterface="true" frontendCommand="link">link</tinyMceCommand>
<priority>51</priority>
</command>
<command>
<umbracoAlias>unlink</umbracoAlias>
<icon>images/editor/unLink.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="unlink">unlink</tinyMceCommand>
<priority>52</priority>
</command>
<command>
<umbracoAlias>mceInsertAnchor</umbracoAlias>
<icon>images/editor/anchor.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="anchor">anchor</tinyMceCommand>
<priority>53</priority>
</command>
<command>
<umbracoAlias>mceImage</umbracoAlias>
<icon>images/editor/image.gif</icon>
<tinyMceCommand value="" userInterface="true" frontendCommand="image">image</tinyMceCommand>
<priority>61</priority>
</command>
<command>
<umbracoAlias>umbracomacro</umbracoAlias>
<icon>images/editor/insMacro.gif</icon>
<tinyMceCommand value="" userInterface="true" frontendCommand="mceUmbracomacro">umbracomacro</tinyMceCommand>
<priority>62</priority>
</command>
<command>
<umbracoAlias>mceInsertTable</umbracoAlias>
<icon>images/editor/table.gif</icon>
<tinyMceCommand value="" userInterface="true" frontendCommand="table">table</tinyMceCommand>
<priority>63</priority>
</command>
<command>
<umbracoAlias>media</umbracoAlias>
<icon>images/editor/media.gif</icon>
<tinyMceCommand value="" userInterface="true" frontendCommand="media">media</tinyMceCommand>
<priority>65</priority>
</command>
<command>
<umbracoAlias>inserthorizontalrule</umbracoAlias>
<icon>images/editor/hr.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="hr">hr</tinyMceCommand>
<priority>71</priority>
</command>
<command>
<umbracoAlias>subscript</umbracoAlias>
<icon>images/editor/sub.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="sub">sub</tinyMceCommand>
<priority>72</priority>
</command>
<command>
<umbracoAlias>superscript</umbracoAlias>
<icon>images/editor/sup.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="sup">sup</tinyMceCommand>
<priority>73</priority>
</command>
<command>
<umbracoAlias>mceCharMap</umbracoAlias>
<icon>images/editor/charmap.gif</icon>
<tinyMceCommand value="" userInterface="false" frontendCommand="charmap">charmap</tinyMceCommand>
<priority>74</priority>
</command>
<command>
<umbracoAlias>mceSpellCheck</umbracoAlias>
<icon>images/editor/spellchecker.gif</icon>
<tinyMceCommand value="" userInterface="true" frontendCommand="mceSpellCheck">spellchecker</tinyMceCommand>
<priority>75</priority>
</command>
</commands>
<plugins>
<plugin loadOnFrontend="true">paste</plugin>
<plugin loadOnFrontend="true">inlinepopups</plugin>
<plugin loadOnFrontend="true">noneditable</plugin>
<plugin loadOnFrontend="true">table</plugin>
<plugin loadOnFrontend="false">umbracomacro</plugin>
<plugin loadOnFrontend="false">umbracoimg</plugin>
<plugin loadOnFrontend="false">advlink</plugin>
<plugin loadOnFrontend="false">umbracocss</plugin>
<plugin loadOnFrontend="false">media</plugin>
<plugin loadOnFrontend="false">spellchecker</plugin>
</plugins>
<validElements>
<![CDATA[+a[id|style|rel|rev|charset|hreflang|dir|lang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur|onclick|
ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup],-strong/-b[class|style],-em/-i[class|style],
-strike[class|style],-u[class|style],#p[id|style|dir|class|align],-ol[class|style],-ul[class|style],-li[class|style],br,
img[id|dir|lang|longdesc|usemap|style|class|src|onmouseover|onmouseout|border|alt=|title|hspace|vspace|width|height|align|umbracoorgwidth|umbracoorgheight|onresize|onresizestart|onresizeend|rel],
-sub[style|class],-sup[style|class],-blockquote[dir|style],-table[border=0|cellspacing|cellpadding|width|height|class|align|summary|style|dir|id|lang|bgcolor|background|bordercolor],
-tr[id|lang|dir|class|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor],tbody[id|class],
thead[id|class],tfoot[id|class],-td[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|bgcolor|background|bordercolor|scope],
-th[id|lang|dir|class|colspan|rowspan|width|height|align|valign|style|scope],caption[id|lang|dir|class|style],-div[id|dir|class|align|style],
-span[class|align|style],-pre[class|align|style],address[class|align|style],-h1[id|dir|class|align],-h2[id|dir|class|align],
-h3[id|dir|class|align],-h4[id|dir|class|align],-h5[id|dir|class|align],-h6[id|style|dir|class|align],hr[class|style],
dd[id|class|title|style|dir|lang],dl[id|class|title|style|dir|lang],dt[id|class|title|style|dir|lang],object[classid|width|height|codebase|*],
param[name|value|_value],embed[type|width|height|src|*],map[name],area[shape|coords|href|alt|target],bdo,button]]>
</validElements>
<invalidElements>font</invalidElements>
<!-- this area is for custom config settings that should be added during TinyMCE initialization -->
<customConfig>
<!-- <config key="myKey">mySetting</config>-->
<config key="entity_encoding">raw</config>
<config key="spellchecker_rpc_url">GoogleSpellChecker.ashx</config>
</customConfig>
</tinymceConfig>
Under validElements I think all you need to do is ensure that the markup you're trying to embed is mentioned there.
but embed[type|width|height|src|*], is already there under ValidElements. What else can be done?
I'm out of ideas.
Perhaps tiny mce is missing a media plugin. I'm not sure though.
I think google and #umbraco on twitter may be your best friend for this...
If you find a solution, definitely update this thread. I'm sure a few people have had similar issues.
As a work around though, you could create a macro which can be inserted into the RTE.
Here is how to do it...
Create a razor script with a macro... call it RenderVideo
Then in the razor script you just need to have this:
Make sure the macro has "show in editor" selected
Give it a parameter which is a multiline text box. Call the parameter EmbedCode. Also make sure the "show" checkbox is selected
When you insert your macro into the RTE you just need to paste your embed code there.
I just didn't understand RTE... can you explain? Rest all got it.
RTE = rich text editor
You can insert macros there.
ok.. I tried to insert macro but it shows following in RTE.
[tidy error]
Is the razor script without errors?
Try deleting everything in it to see if that works.
yes... as it has only following code
@{
@Html.Raw(@Parameter.EmbedCode)
}
Are you using IE by any chance?
http://our.umbraco.org/forum/ourumb-dev-forum/bugs/13785-IE9-[tidy-error]?p=1
I've found that any time I have some sort of error, I need to try at least 2 other browsers to rule out browser compatability.
No .. I use Firefox.
It sounds like a Tiny mce issue.
I think google is your best friend for this.
yes.. we tried other alternatives... but not able to solve the problem.. so finally going for version 4.7.1.1 umbraco... in that this is not an issue.
is working on a reply...