I am using the system extension feedit to provide frontend editing in a TYPO3 website. In TYPO3 7.6 this worked correctly.
With the same website and unchanged configuration in TYPO3 8.7 however, the edit icons are not showing up. They are part of the HTML sourcecode of the page, but they are hidden with inline CSS: style="display: none;".
Thinking that some part of my frontend might interfere with TYPO3 here, I have already tried removing all of my custom JavaScript and most of my CSS, but it doesn't change a thing: The edit icons are not shown.
Can someone enlighten me how to get them to show up again?
The old (unmaintained) frontend editing feature has been removed from the TYPO3 core in TYPO 8.
You should switch to https://extensions.typo3.org/extension/frontend_editing/
Read here for more details:
https://typo3.org/article/the-new-frontend-editing-for-typo3/
I don't know why they did it with inline CSS instead of removing them totally if they are dead.
But you can easy activate them by adding CSS to your Website.
.typo3-editPanel{display:block !important;overflow:hidden;clear:both}
.typo3-editPanel .typo3-editPanel-btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;padding:3px 0 3px 3px;background:#f5f5f5;border:1px solid #c5c5c5}
.typo3-editPanel .typo3-editPanel-btn-group .typo3-editPanel-btn{display:block !important;width:auto;height:24px;margin-right:3px;background:#f5f5f5;border:1px solid #c5c5c5;padding:3px}
.typo3-editPanel .typo3-editPanel-btn-group .typo3-editPanel-btn:hover{background:#dcdcdc;border:1px solid #acacac}
.typo3-editPanel .typo3-editPanel-btn-group .typo3-editPanel-btn svg{height:100%;width:auto}
.typo3-editPanel .typo3-editPanel-label{display:none}
This CSS shouldn't interfere with your normal Website. I don't know if they work in 8.7, but in 9.x they are also deactivated and bringing them back with CSS works fine.
Related
I'm using Fancybox v4 and have setup the css and js according to installation guide, but still my image opens as if no Fancybox is present.
I'm no wiz on these things, so I hope someone can help me out :-)
The site I'm working on is locates at https://new.bigbox8700.dk/
It's the image in the "PRAKTISK INFORMATION" section.
Regards
Thomas
After some debugging I found out that your JavaScript file js-18a51-27218.js contains Mootools v1.4.5 (released 10 years ago!) and, unfortunately, Mootools changes global objects and that breaks Fancybox. It's amazing that you're using 10-year-old Mootools and 6-year-old jQuery at the same time on the new project.
Since MooTools is causing this problem and has not been updated for 6 years, it is recommended that you remove it.
Would anyone know what is the best way to add custom CSS for pages inside the CMS ?
I found we could do something like that, inside config.yml:
SilverStripe\Forms\HTMLEditor\TinyMCEConfig:
base_dir: 'silverstripe/admin:thirdparty/tinymce'
editor_css:
- 'themes/base/build/bundle-editor.css'
but that's only linked to TinyMCE, and I would like to add my styles to all the pages in the CMS, or at least for the pages that uses SilverStripe\Forms\TreeDropdownField as it is broken:
TreeDropdownField broken
Thank you
This is unfortunately a core bug, which has been fixed already and will be released in the next 4.0.x release (4.0.2), or 4.1.0.
More information: https://github.com/silverstripe/silverstripe-admin/issues/377
Edit: 4.0.2 has been released, so this should be resolved now.
IN TYPO3 versions before 7.6 it was possible to render links inside the content element HTML by using the TypoScript
tt_content.html.parseFunc.tags.link < lib.parseFunc.tags.link
This does not work anymore since 7.6. How can it be solved?
If you use fluid_styled_content, override the HTML.html and want to use forms and have the Typo3 link tags <link>text</link> converted to html links, you will have to use this (at least this worked for me, both custom html forms were working and links were converted):
<f:format.htmlentitiesDecode>
<f:format.html parseFuncTSPath="lib.parseFunc">
{data.bodytext}
</f:format.html>
</f:format.htmlentitiesDecode>
There are a couple of possible solutions for this question.
1.) Use fluid_styled_content.
I guess that now fluid_styled_content instead of css_styled_content is used. Therefore the used TypoScript does not work anymore. A valid solution would be to switch back to css_styled_content. However that is the old ancient way and for newer projects you shouldn't do this.
2.) Override the template of fluid_styled_content.
If you open the template of fluid_styled_content and the HTML element, found at typo3/sysext/fluid_styled_content/Resources/Private/Templates/Html.html you will see
<f:format.raw>{data.bodytext}</f:format.raw>
this must be changed to
<f:format.html>{data.bodytext}</f:format.html>
Overriding is described in the docs, see https://docs.typo3.org/typo3cms/extensions/fluid_styled_content/7.6/Configuration/OverridingFluidTemplates/Index.html
I installed Umbraco 7.2.5 and having issues with tinyMCE editor.
The richTextEditor is removing HTML5 tags, like <section>.
I have followed the instruction to edit tinyMceConfig.config file and allow any HTML by editing the following
<validElements><![CDATA[*[*]]]></validElements>
But this is not working.
I have restarted website in IIS, but no luck.
Any help would be highly appreciated.
Thanks.
PS.
I have another website running under Umbraco 6, and the above solution works.
This is is likely due to TidyHtml and is an unfortunate issue indeed!
Umbraco documentation shows /config/umbracosettings.config sections where Tidy can be disabled.
Heads up that the TidyEditorContent element is no longer in the default instalation of this file but can easily be added back under the content section:
<content>
<TidyEditorContent>False</TidyEditorContent>
<errors>
<error404>1</error404>
I'm developing a custom plugin in Wordpress. I also have the TinyMCE Advanced Wordpress plugin activated and working.
I created a normal HTML textarea, and converted it into a TinyMCE WYSIWYG editor, using the class="theEditor" attribute. The problem is, it's Wordpress' own TinyMCE implementation, and NOT the TinyMCE Advanced plugin's implementation, which means I miss out on all its features, including the (most important for my purposes) "stop removing <p> and <br> tags" option.
How do I make the textarea trigger TinyMCE Advanced?
You should have a look at these two articles:
http://allcreatives.net/2011/02/02/using-the-native-wordpress-tinymce-wysiwyg-editor-with-your-custom-post-meta-textareas/
http://www.keighl.com/2010/01/tinymce-in-wordpress-plugins/
And check the the_editor (/wp-includes/general-template.php -> line 1771) and the wp_tiny_mce (/wp-admin/includes/post.php -> line 1377) functions too.
Updated the links
These links are dead, but can be reached in the internet archive here:
allcreative.net page
keighl.com page