Search the Community
Showing results for tags 'CKEditor'.
-
I have a content field (CKeditor) where I want the editor to be able to insert galleries with photo's anywhere in the content. Like the image insert functionality already present but with the option to add multiple images and have them transform into a gallery using Javascript. The javascript is not an issue but I'm not sure how to get the images nicely in the CKeditor field. I kind of like the solution Wordpress has for galleries... Any module like that available for Processwire?
-
Hello everyone. I am back with a question thats come up lately when i was creating some new fields for a template of mine. The following happend. I created a new field of the "textarea" type and changed it to "CKeditor" on the Details tab under "inputfield type". So far so good. Everything working as expected when editing data on the page using the template wich the field was assigned to. But then i decided to get a little brave, so i went to edit the fields settings and under the "Input" tab i changed "Format tags" string to include the tag "strong". The Format tag field string before my change was: "p;h1;h2;h3;h4;h5;h6;pre;address" and after my change it was: "p;h1;h2;h3;h4;h5;h6;pre;address;strong" Now, after that change when i saved it and went back to editing the data on the page, the CK editor refused to show and there was only the fields label but just white space under it. If i go back and edit the field and the Format tags back to the default everything works again and the CK editor shows up when editing data. But if i change the Format tags it goes away. What i am doing wrong ?
-
Hi, what do i have to do, to allow the i tag and the h4 class in the CKEditor? In the Extra Allowed Content box (setup field -> input) i wrote "i(*);h4(*)". But when i type <h4 class="uk-panel-title"><i class="uk-icon-credit-card-alt"></i>Unsere Bankverbindung:</h4> the CKEditor still strips the complete i tag and the h4 class from the source. Mario -
I allow user to add data-toggle attribute for anchor tag for toggle a block of content I added following rule in Extra Allowed Content a[data-*] When user a this attribute in an anchor tag, then saving pages, pw will strip off that attribute <a href="#content1" data-toggle="collapse">Toggle content block</a> <div id="content1" class="collapse"> hidden content block </div> -
Hello, I am using custom styles: CKEDITOR.stylesSet.add('mystyles', [ { name: 'Box', element: 'div', attributes: { 'class': 'box' } }, { name: 'Subheader', element: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'], attributes: { 'class': 'subheader' } }, { name: 'No margin bottom', element: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'], attributes: { 'class': 'no-margin-bottom' } }, { name: 'Intro nav', element: ['ul', 'ol'], attributes: { 'class': 'intro-navigation' } }, ]); The thing is: I see my custom styling in the editor (via contents.css) and my styles are selectable and savable. So I style text and save and it works. On reopening the styles won't apply, even if it was successfully saved (right HTML in database), so when I then save, all styles are gone. Am I doing something wrong?
-
Using ckeditor in a 2.7.2 site and when I try to edit any of my text links I get a 403 error in Insert Link dialog. I can create a new link just fine, just can't edit it once it is created.
-
Hi, I have a strange behavior of CKeditor on PW 2.7.2. And it's even more strange because it was working fine few days ago. The problem is: I want to add a link in the CKeditor window, I select the word I want to link, add the link, choose a page to link, save page... and it goes to 404 page. This doesn't happen if I add an external link (http://etcetc). Any idea how to fix this? On the text field setiungs I changed these setting to see if I could fix the problem, but nothing change. Details: Text formatters = null ; Inputfield Type = CKeditor ; Content Type = Markup/HTML Input: Editor Mode = Regular ; Use ACF = yes ; Use HTML purifier = yes ; Extra Plugins = pwimage/pwlink/sourcedialog Thanks
-
Hey All. I am creating a new field of type 'FieldtypeTextareaLanguage' via a module. Everything is working just fine expect that I can not find any information on how to set the 'Text Formatter' (to HTML Entity Encoder) and 'Inputfield Type' (to CKEditor). I tried the following which failed and was just a guess because of the IDs and select-values in the HTML... $f = new Field(); $f->type = $this->modules->get("FieldtypeTextareaLanguage"); $f->name = $newstcontentfieldname; $f->label = $newstcontentfieldlabel; $f->set('tags','servicetype'); $f->set('icon','fa-pencil-square'); $f->set('asmSelect0','TextformatterEntities'); $f->set('Inputfield_inputfieldClass', 'InputfieldCKEditor'); $f->save(); [EDIT] Furthermore, I just came across the question how to set the 'Visibility' --> ' Show this field only if' Option? Is there any documentation that I missed sofar about these field-variables and how to set them? [/EDIT] I am thankfull for any suggestion and hope somebody can help me. Thanks a lot! -
It would be fantastic if we could set different configurations for CKEditor fields based on template or user roles. Like described on https://weekly.pw/issue/14/ under "More CKEditor upgrades", we can use config files in /site/modules/InputfieldCKEditor/ to store settings per field. E.g. for the body field this would be /site/modules/InputfieldCKEditor/config-body.js. Maybe this logic could be extended to something like /site/modules/InputfieldCKEditor/config--field-body--template-home--role-mycustomrole.js. I was coming over from Joomla to PW couple of years ago and there we had an excellent CKEditor integration called JCE where you could define settings per user role etc. Maybe I am wrong but up to now we need to create additional fields if we need editor config settings per template. If there already is a way to do that I'd be happy to know.
-
Hi, i'm asking myself, if it's possible to have an editor, who's usable for people without markdown knowlege, but saves the WYSIWYG stuff in markdown format. For instance one marks the text "Lorem Ipsum", chooses H2 in a dropdown and the text is displayed for him as H2, but the sourcecode in the background is ##Lorem Ipsum , which gets saved and outputed per markdown module. i fiddled a around with the markdown input formating and CKEditor as Input, until i learned that markdown will only format the output someone already tryed to do so?
-
I recently noticed a strange problem in my body field. I have a multilanguage setup with Norwegian and English. And I am using Ckeditor. The strange problem was that the (inline) toolbar wouldn't show on Norwegian, neither would text input in Norwegian be saved. English worked fine though. I tried this and that. And at last I found that using custom editor JS styles set was the error. Simply removing the path to my file made this work again. During all this I logged on and off a couple of times when testing. But since I hadn't edited the JS for a long time, I wanted to know what was the specific problem. So I removed some and all of the content in the JS (which I had named ckeditor.js by the way). And I logged on and off during each time. But nothing would work. One last shot was to rename my custom JS file named ckeditor.js to something like mystyles.js. And it worked again, with all the same content as before. I have no idea why this "suddenly" went wrong, and why a rename seemed to fix it. I might have something to do with modules, a migration of the site (I cleared the sessions folder though). ProCache? Updating to 2.7.1 (from 2.6.x) didn't fix the problem. So I am at a loss as of why. But I am sharing this in case anyone else have been experiencing something similar. And because I couldn't find any answers on the issue.
-
Hi all, I'm just about to finish my first bigger ProcessWire project and I'm definitely amazed by the feature set and ease of use delivered by ProcessWire! Starting with the last tweaks, I wanted to implement custom styles in CKeditor. However, no matter what I do, I end up with the default styles set in CKeditor. Here’s what I did: 1. I entered the Custom Editor JS Styles Set location (mystyles:/site/modules/InputfieldCKEditor/mystyles.js; see screenshot 1) 2. I added my custom styles in the file mystyles.js (under site/modules/etc.). But I still get the default styles in CKE (see screenshot 2). Even if I delete the whole content inside mystyles.js, I still end up with the default styles. It seems as if the custom mystyles location is ignored and the styles are taken from somewhere else (probably the wire/modules folder?). Is there any setting I am missing here? Do you have any idea on how to get the custom styles to work? Many thanks and all the best, Nils
-
Within CKEditor's default image properties dialog, you can set a percentage width on inline images and leave the height blank, which works better with responsive layouts. Within processwire's image manager (for CKEditor), it looks like you are limited to entering fixed pixel dimensions. Is there a config setting or module to change this behavior? It can be fixed manually by switching to source code view, but that's not very user-friendly. It can be overridden in CSS, but that's not as flexible. Thanks!
-
I am trying to add "layout manager" plugin to a CKEditor. Field is named as "Extra_plugin". I have uploaded the unzipped files in plugin folder of CKEditor inside site folder, enabled check box, added the name in toolbar. But on the Processwire page I am getting only the title of the field.There was one 404 error at "/wire/modules/Inputfield/InputfieldCKEditor/ckeditor-4.4.6/plugins/basewidget/plugin.js?t=2015030801.143". So I checked "wire/modules/Inputfield/InputfieldCKEditor/plugins" there was only three folders named "pwlink, pwimage, sourcedialog". Then I uploaded layout manager as well as dependencies here also. Now there is no error. But still the field is blank. Also in firebug, style appears as visibility hidden on textarea. Please help me. Regards Rajesh Khanna
-
I tried to implement the fontawesome plugin with the help of this mini-tutorial. The problem is when go to the "Plugins" section and check the box for the "fontawesome" plugin, then I still get an white body field. What I am doing wrong?
-
Hello, i am trying to add <i class="fa fa-check-circle-o"></i> tag in body field but this tag is getting cleared by CKEditor. even in body field i have switch off the ACF and HTML purifier. i also try to put bellow lines in EXTRA Allowed Content <i>foo</i> <i> <i class="fa fa-check-circle-o"></i> now when i put above code in HTML source and press OK the above code got deleted. see attachment. how to fix this? Thanks
-
I have CKEditor set as the input type for my summary textarea field, and in its settings, Use ACF is enabled, and in Extra Allowed Content I have "*(left,right)". Yet when I add either of those classes to a ul or p element in the field, they're still stripped on save. Can anyone tell me why or point me in the direction of solving this..? Thanks much.
-
i am using CKEditor and want the design to be like the image below is there a way to get rid auf the <p>-tag around ther inserted image and also keep the <p>-tag around the text? <p>text</p> <p><img></p> <p>text</p> to <p></p> <img> <p></p>
-
Like the title says. After enabling "Markup/HTML with image management" on my CKE textarea field I'm getting weird notifications. And I'm not getting what's wrong. Image referenced on page /blog/big-water-is-watching-you/videos/dirt/ that user does not have view access to (/site/assets/files/36361/bildschirmfoto_2015-04-14_um_23_18_42.400x0-is-pid36356-hidpi.png) Image file on page /de/globetrawter/galerie/13387363293/ no longer exists (13386630735_08db795401_b.jpg) They don't even have a textarea with enabled image management, the page doesn't even hold the mentioned image and I'm pretty sure that I didn't replaced anything on those pages. I'm getting hundreds of them, simple closing wont help. Many thanks in advance, all hints are welcome Saludos, Can -
How do you set a new skin for the CKEditor? I downloaded the 'Minimalist' skin from the CKEditor site. I created a folder called 'skins' (e.g. /site/modules/InputfieldCKEditor/skins ). I then placed the new skin folder, minimalist, in the skins folder (e.g. /site/modules/InputfieldCKEditor/skins/minimalist ). Finally i navigated to the 'Custom Config Options' for my field and proceeded to input a number of iterations of what i thought could be the correct syntax based on it wanting json and what the CKEditor docs instruct. See attached screen shot. So after 2 hours trying I figured It was time to ask you good folks. Yes. I read this post. It didn't help. It all seems very simple to do, but it is simply not working.
-
Hi there, I think this question has probably been asked a million times but I can't seem to see the answer! I've just converted a Body field from using Textile to using CkEditor. I have an "Intro" style that I'd like to specify against the opening paragraph. In Textile, I'd use p(intro). How do I specify a class name to blocks of markup in CkEditor? I don't want to specify the CSS itself as I do this in SASS with the stylesheets linked to the pages. I just want to be able to specify class names to things like paragraphs, headings, lists and so on. Cheers!
-
I want to use Color toolbar in the CKEditor? How to configure? Do I need to install the "Color Dialog" plugin? -
Hello, I have a client that needs to be able to embed tweets into a ckeditor body field. I've turned ACF and HTML purifying to off. All I get is the embed code block wrapped in a <p>: <blockquote class="twitter-tweet" lang="en"><p>You can pursue photography for the pure enjoyment of it. No fine art photography ambitions necessary. You'll be ok.</p>— Bryan Formhals (@bryanformhals) <a href=" ">January 4, 2014</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> I've tried throwing jQuery to unwrap the blockquote from the <p> but no go either? How do I do it?
-
Hello, How can upload an image in CKEditor. When I click on the image-icon in the toolbar then don't display an upload popup How can I upload images in the editor? Christophe
-
Hi folks, Not sure if there is a 'bug reports' list, but I was giving a tutorial/guide on the CMS for a client today and I came across two issues... 1. When inserting an image or link into a ckeditor field, I received some issues with it displaying any content. At the time I couldn't debug it to check if it was loading in the content via the Network tab in Chrome DevTools, but checking now it seems to be working okay. Different network now. Wasn't sure if it was worth bringing up? I tend to get a few buggy issues with this modal. 2. Also the modal has some slight CSS issues (see attached) with the vertical line. I managed to get rid of it by turning off the position: relative on .ui-dialog .ui-dialog-content and the height:auto on html.modal, body.modal but that seems weird so I wouldn't look too much into it... just a shout out. I am using PW 2.5.3 and Chrome 39.0.2171.95 – I am also on a retina MBP. Thanks and apologies if this is a bit tedious! R
