Forum

Thread tagged as: Problem, Redactor

WYSIWYG/Redactor works for first Column but not any other

I have a gallery block split into 4 columns. They are functioning okay bar it's been pointed out to us that the WYSIWYG/Redactor works for the first Column and any repeaters within this column, but does not work on columns 2,3 & 4. i.e. Columns will just how up with a textarea input not a redactor area. Each of the 4 columns have individual IDs for their redactor areas, i.e. featuretext1, featuretext2, etc... however even with different IDs there is still an issue. Interestingly, if I remove the first redactor ( <perch:content type="textarea" editor="redactor" html="true" id="featuretext1" label="Feature Text" /> ) Column2 then works, but Column3 & 4 does not? Any ideas why this is happening?

Debug Message - Perch 3.0.6
[1] SELECT u.*, r.* FROM perch3_users u, perch3_user_roles r WHERE u.roleID=r.roleID AND u.userEnabled=1 AND u.userID=2 AND u.userHash='3a788eb15ef3f857583bbf5f27529a97' LIMIT 1
UPDATE perch3_users SET userHash='0d807d2ffffba5938a3649bd32211c98' WHERE userID='2'
[36] SELECT p.privKey FROM perch3_user_privileges p
[16] SELECT settingID, settingValue, userID FROM perch3_settings WHERE userID=2 OR userID=0 ORDER BY userID ASC
[7] SELECT itemValue FROM perch3_menu_items WHERE itemType='app'
[1] SELECT * FROM perch3_content_regions WHERE regionID=24 LIMIT 1
[1] SELECT * FROM perch3_pages WHERE pageID='8' LIMIT 1
Using template: /templates/content/blocks.html
[1] SELECT * FROM perch3_content_items c WHERE c.regionID=24 AND c.itemRev=26 ORDER BY c.itemOrder ASC
Using template: /templates/content/blocks.html
[1] SELECT * FROM perch3_content_items c WHERE c.regionID=24 AND c.itemRev=26 ORDER BY c.itemOrder ASC
Using template: /templates/content/blocks.html
Form not posted or did not validate
[1] SELECT * FROM perch3_menu_items WHERE itemActive=1 AND itemType='menu' AND parentID=0 ORDER BY itemOrder ASC LIMIT 0, 1
[2] SELECT mi.*, p.privKey FROM perch3_menu_items mi LEFT JOIN perch3_user_privileges p ON mi.privID=p.privID WHERE mi.itemActive=1 AND mi.parentID=1 ORDER BY mi.itemOrder ASC
[1] SELECT itemTitle FROM perch3_menu_items WHERE itemType='app' AND itemValue='content' LIMIT 1
[1] SELECT * FROM perch3_menu_items WHERE itemActive=1 AND itemType='menu' AND parentID=0 ORDER BY itemOrder ASC LIMIT 1, 10
[2] SELECT mi.*, p.privKey FROM perch3_menu_items mi LEFT JOIN perch3_user_privileges p ON mi.privID=p.privID WHERE mi.itemActive=1 AND mi.parentID=2 ORDER BY mi.itemOrder ASC
File: /core/apps/content/modes/edit.form.post.php
Mode: edit.form
Queries: 15
Memory: 1.9932
 <!--2 Columns with Gallery Block(heading/content/imagery)-->
<perch:block type="text5" label="2 Columns w Gallery"> 

     <div class="container-wide">
      <div class="process w-row">
        <div class="col-1 proc-col-1 w-col w-col-3">
          <h4 class="heading-4"><perch:content type="text" id="proc2ColHeading" label="Heading" /></h4>
        </div>
        <div class="col-2 proc-col-2 w-clearfix w-col w-col-9">
           <perch:content type="textarea" editor="redactor" html="true" id="proc2CowGalleryText" label="Text" />   
            <!-- gallery code -->

                  <div class="gallery-wrapper">
        <div class="project-row w-row">

         <div class="cat-col w-col w-col-3 w-col-medium-6">

           <perch:repeater id="repeatCol1" label="Column 1">
            <div class="practice-block">
              <a class="w-inline-block w-lightbox <perch:content type="select" id="selector" label="Select Thumbnail Size" options="Square|square, Landscape|landscape, Portrait|portrait" />" data-ix="scroll-in1" rel="group" href="<perch:content type="image" id="galleryImage" label="test"/>" style="background-image:url('<perch:content type="image" id="galleryImage" />'); background-position: 50% 50%; background-size: cover;"><img class="image" src="<perch:content type="image" id="galleryImage" label="Image" /> ">

         <script class="w-json" type="application/json">
            { "group": "Gallery", "items": [{
              "type": "image",

              "url": "<perch:content type="image" id="galleryImage" width="1800"/>",
              "caption": "<perch:content type="text" id="caption" label="Image Caption"/>"
            }] }
          </script>

              </a>
              <div class="blue-line"></div>
                <perch:content type="textarea" editor="redactor" html="true" id="featuretext1" label="Feature Text" />
            </div>
          </perch:repeater>  

          </div>

         <div class="cat-col w-col w-col-3 w-col-medium-6">

           <perch:repeater id="repeatCol2" label="Column 2">
            <div class="practice-block">
              <a class="w-inline-block w-lightbox <perch:content type="select" id="selector" label="Select Thumbnail Size" options="Square|square, Landscape|landscape, Portrait|portrait" />" data-ix="scroll-in1" rel="group" href="<perch:content type="image" id="galleryImage" label="test"/>" style="background-image:url('<perch:content type="image" id="galleryImage" />'); background-position: 50% 50%; background-size: cover;"><img class="image" src="<perch:content type="image" id="galleryImage" label="Image" /> ">

         <script class="w-json" type="application/json">
            { "group": "Gallery", "items": [{
              "type": "image",

              "url": "<perch:content type="image" id="galleryImage" width="1800"/>",
              "caption": "<perch:content type="text" id="caption" label="Image Caption"/>"
            }] }
          </script>

              </a>
              <div class="blue-line"></div>
                <perch:content type="textarea" editor="redactor" html="true" id="featuretext2" label="Feature Text" />
            </div>
          </perch:repeater>  

          </div>

          <div class="cat-col w-col w-col-3 w-col-medium-6">

           <perch:repeater id="repeatCol3" label="Column 3">
            <div class="practice-block">
              <a class="w-inline-block w-lightbox <perch:content type="select" id="selector" label="Select Thumbnail Size" options="Square|square, Landscape|landscape, Portrait|portrait" />" data-ix="scroll-in1" rel="group" href="<perch:content type="image" id="galleryImage" label="test"/>" style="background-image:url('<perch:content type="image" id="galleryImage" />'); background-position: 50% 50%; background-size: cover;"><img class="image" src="<perch:content type="image" id="galleryImage" label="Image" /> ">

         <script class="w-json" type="application/json">
            { "group": "Gallery", "items": [{
              "type": "image",

              "url": "<perch:content type="image" id="galleryImage" width="1800"/>",
              "caption": "<perch:content type="text" id="caption" label="Image Caption"/>"
            }] }
          </script>

              </a>
              <div class="blue-line"></div>
                <perch:content type="textarea" editor="redactor" html="true" id="featuretext3" label="Feature Text" />
            </div>
          </perch:repeater>  

          </div>

          <div class="cat-col w-col w-col-3 w-col-medium-6">

           <perch:repeater id="repeatCol4" label="Column 4">
            <div class="practice-block">
              <a class="w-inline-block w-lightbox <perch:content type="select" id="selector" label="Select Thumbnail Size" options="Square|square, Landscape|landscape, Portrait|portrait" />" data-ix="scroll-in1" rel="group" href="<perch:content type="image" id="galleryImage" label="test"/>" style="background-image:url('<perch:content type="image" id="galleryImage" />'); background-position: 50% 50%; background-size: cover;"><img class="image" src="<perch:content type="image" id="galleryImage" label="Image" /> ">

         <script class="w-json" type="application/json">
            { "group": "Gallery", "items": [{
              "type": "image",

              "url": "<perch:content type="image" id="galleryImage" width="1800"/>",
              "caption": "<perch:content type="text" id="caption" label="Image Caption"/>"
            }] }
          </script>

              </a>
              <div class="blue-line"></div>
                <perch:content type="textarea" editor="redactor" html="true" id="featuretext4" label="Feature Text" />
            </div>
          </perch:repeater>  

          </div>


     </div>
    </div>


          </div>
        </div>
      </div>
    </div>

 </perch:block> 
Cormac Kerrigan

Cormac Kerrigan 0 points

  • 4 years ago
Drew McLellan

Drew McLellan 2638 points
Perch Support

Does it still happen on the current version?

Hi Drew, just updated to 3.0.8 this morning and issue is still occurring...

Drew McLellan

Drew McLellan 2638 points
Perch Support

This sounds similar to another issue we're looking at, so I'll run some tests.

Hi Drew, is there any update on this ticket? thanks.

Drew McLellan

Drew McLellan 2638 points
Perch Support

No, but it's something we have logged to look at.

Hi Drew, any update on this? We have a client that is affected and are querying with ourselves.

Drew McLellan

Drew McLellan 2638 points
Perch Support

No, the best place to check for updates is here: https://grabaperch.com/update/history

Hi Drew. There's limited content in the pages as it is bar headings and lorem ipsum text. Also, the page has a number of background-color options. It looks like Perch is not getting anything in it's search and taking the option selects' class name as a search result. It is definitely not picking up this from content. If there was a way to prevent search doing this...? otherwise I'm going to have to instruct the client to fill out their website with expected content and monitor how to search function then reacts. here is the template that's calling the class options for the page style >

  <div class="<perch:content type="select" id="pageSelector" label="Select Page Style" order="1" options="Toplevel|page-style-tl, Sublevel|page-style-sl" /> <perch:content type="select" id="selector" label="Select Page Colour" order="1" options="Dark Blue|dark-blue, Blue|blue, Navy|navy, Dark Grey|dark-grey, Grey|grey, Black|black, Orange|orange, Purple|purple, Teal|teal, Green|green, Turquoise|turquoise" />">
    <div class="banner" style="background-image:url('<perch:content type="image" id="bannerImage" label="Banner Image" help="Leave this field blank for" />'); background-position: 50% 50%; background-size: cover;"><div class="overlay"></div><img class="corner-graphic tl-corner" sizes="(max-width: 991px) 40vw, 20vw" src="/images/corner-graphic-navy.png" srcset="/images/corner-graphic-navy-p-500.png 500w, /images/corner-graphic-navy-p-800.png 800w, /images/corner-graphic-navy-p-1080.png 1080w, /images/corner-graphic-navy.png 1167w">
      <div class="container">
        <div class="w-row">
          <div class="col-1 w-clearfix w-col w-col-6">

            <perch:content type="textarea" editor="redactor" html="true" id="introText" label="Intro Text" />

          </div>
          <div class="col-2 display-none w-col w-col-6"></div>
        </div>
      </div>
    </div>
Drew McLellan

Drew McLellan 2638 points
Perch Support

Sorry, what's this in relation to?

Apologies Drew, I posted this in the wrong thread. It relates to a different thread which I have open re Perch search