Webform: Remove UUID, Created, ID, etc fields from “HTML Table” Export

I want to know how can i remove the fields from the module “Scheduled Tasks” for Webform, so the exported Excel file doesn’t show the fields “Created” “UUID” “Serial Number” “Completed” etc. I can make it when i export manually but in scheduled tasks it sends all that information. I don’t have a clue how to make it. I would appreciate if anybody could help me.

These are the items i want to remove form HTML Table

HTML elements word spacing using jQuery

I’m doing a hobby project for fun recently, it’s a GitHub webpage using Jekyll.

One of the main component of my site is displaying Chinese characters with their Sino-Vietnamese pronunciation. I use <ruby> elements to render these texts, for those who don’t know, you can read its MDN docs

The problem with that is word spacing is broken when a <rt> element is longer than its associated <rb> element. So I created a jQuery function to dynamically adjust spacing.

A minimal example here:

const stdSpace = "1em"; // for ruby annotation spacing
$(function () {
    $("rb").each(rubyAdjust);
});
function rubyAdjust(i, el) { // for each ruby base
    const rbW = $(el).width(), // take its width
          rtW = $(el).next("rt").width(), // its associated ruby text width
          diff = (rtW - rbW).toFixed(0), // excess amount
          addSpace = diff > 0
                     ? `calc(${stdSpace} + ${diff.toString()}px)`
                     : stdSpace;
    $(el).css("margin-right", addSpace);
}
rb {
    display: inline-block /* fluid word spacing with margin using JS */
}

rt {
    text-align: left /* to work together with rb margin */
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ruby>
    <rb>是</rb><rt>Thị</rt>
    <rb>故</rb><rt>cố</rt>
    <rb>空</rb><rt>không</rt>
    <rb>中</rb><rt>trung</rt>
</ruby>

My function rubyAdjust works as expected, but becomes a UI blocking point when I have a very long text. For a full fledged example, you can visit a page of my project which shows the Diamond Sutra.

So what I want is to improve the rendering speed:

  1. Is there a better way to adjust word spacing of <ruby>? The official docs of <ruby> doesn’t have much, maybe because the feature is still uncomplete and fews people are using it?
  2. I’ve also searched for a multi thread execution of jQuery, but it seems like DOM manipulation isn’t possible. Do you guys have any idea?

Many thanks,

sharepoint enterprise – Custom action in RTE does not edit HTML in page content

I am using SharePoint 2013 on prem, and working on a custom action in the “LINK” tab in the ribbon. I have added a new checkbox which I want to add some extra parameters to the value of ‘href’ when checked.

enter image description here

I manage to add my parameter to the link in the URL – field, but my problem is that the parameter will disappear the second I change focus away from the ‘LINK’ tab and does not get saved in the HTML of the URL.

This is my code:

<CustomAction
    Id="Custom.Ribbon.RichEditorExtensions"
    Location="CommandUI.Ribbon">
<CommandUIExtension>
  <CommandUIDefinitions>
    <CommandUIDefinition
              Location="Ribbon.Link.Link.Behavior.Controls._children">
      <CheckBox Command="OpenDocLinksInBrowserCommand"
                          LabelText="Open link in browser"
                          Id="Custom.Ribbon.RichEditorExtensions.OpenDocLinksInBrowserCheckbox"
                          Sequence="30"
                          Alt=""
                          TemplateAlias="o1" />
    </CommandUIDefinition>
  </CommandUIDefinitions>
  <CommandUIHandlers>
   
   <CommandUIHandler Command="OpenDocLinksInBrowserCommand" 
   CommandAction="javascript:function validateUrlForOpeningInBrowser() {
                              var openInBrowser = '?web=1';
                              var urlValue = document.getElementById('Ribbon.Link.Link.Properties.LinkAddress').value;
                              if(urlValue)                                                                          
                                if(urlValue.toLowerCase().indexOf(openInBrowser) > -1){
                                  // do nothing
                                }else{                       
                                  var newUrlValue = urlValue + openInBrowser;                                                                    
                                  document.getElementById('Ribbon.Link.Link.Properties.LinkAddress').value = newUrlValue;                                                                         
                                }
                                
                              }
                            }
                        validateUrlForOpeningInBrowser()" />
  </CommandUIHandlers>
</CommandUIExtension>

So, visually I have everything working, but my values do not get saved in the page content HTML. I am looking for tips and samples for how I can achieve my goal here.

Please advice.

magento2 – How to change HTML of Menu in Magento 2.4.2 claue theme

I want to change some HTML in Magento 2.4.2 Claue theme.

Like when i add 12 subcategory the design is not good it will add subcategory one below other so it will not looking good. i want to add counter value to make it different ul after some subcategory and need to add some classes in that ul and li.
So, i want to change in file but when i search it will show three files and all are in cache folder.

app/code/MGS/Mmegamenu/view/frontend/templates/cache/top_menu.phtml
app/design/frontend/Mgs/claue/MGS_Mmegamenu/templates/cache/top_menu.phtml

So need to know how to change that HTML.

notepad++ – Regex: Select and Delete everything that is framed in the comments html tags

I have this html code. And I want to select/delete everything that falls between the comments <!-- ARTICOL START --> and <!-- ARTICOL FINAL --> except all those <p class=..</p> lines. Can this be done with regex?

  <!-- ARTICOL START -->

<div align="justify">
        <table width="682" border="0">
          <tr>
            <td><h1 class="den_articol" itemprop="sfe">My text here</h1></td>
          </tr>
          <tr>
            <td class="text_dreapta">On Ianuarie 14, 2014, in <a href="https://neculaifantanaru.com/en/qualities-of-a-leader.html" title="See al articles from  Qualities of a leader" class="external" rel="category tag">Qualities of a leader</a>, by Author</td>
          </tr>
        </table>
      <h2 class="text_obisnuit2"><img src="https://superuser.com/index_files/sfa.jpg" width="718" height="605" id="sfs" usemap="#m_dgrnt" alt="hip" /><map name="tfAbonament" id="m_34">
<area shape="rect" coords="259,545,457,582" href="#plata" alt="" />
</map></h2>
        <p class="den_articol">Why this text text?</p>
<p class="text_obisnuit">test text text</p>
        <p class="text_obisnuit">test text text</p>
  <p class="text_obisnuit2">test text text</p>
    </div>
    <p align="justify" class="text_obisnuit style3">&nbsp;</p>
   
       <!-- ARTICOL FINAL -->

The output should be:

       <!-- ARTICOL START -->

        <p class="den_articol">Why this text text?</p>
<p class="text_obisnuit">test text text</p>
        <p class="text_obisnuit">test text text</p>
  <p class="text_obisnuit2">test text text</p>
   
       <!-- ARTICOL FINAL -->

html – jQuery/JS scrollTop and href=”#” doesn’t make it all the way on Android Chrome

folks!

I’m about ready to finalize a website, and this final glitch is causing me grief. All I need are some simple … links. On my desktop (PC/Apple/Firefox/Brave/Safari), it works as expected. On my old iPhone 7 with Brave and Safari, it also works as expected. BUT, on my wife’s Samsung Galaxy S10 with Chrome it’s finicky. If a link is relatively close to the viewport, it scrolls to the target div just fine. But anything past a few screens full, it stops before the target is even visible. If I click the link again, it completes the scroll, landing where it should. Once the target div has been reached, the browser is able to scroll to it again from anywhere on the page, but before that initial click, it stops part way. Am I going crazy? (not unlikely…)

I searched for a solution the best I could and have tried several variants:

- Using <a name="#target">
- Using <a name="target">
- Using <div id="target">
- Using the $('document, html').scrollTo() jQuery function
- Messing with $(window).scrollTo()
- Tried removing any css relative positioning from the design

I even tried a total hack, which thankfully (and sadly) didn’t work. I made a little animation chain where after the initial scrollTo() animation completes, a delay() (both short and long to test) kicks in, followed by another scrollTo(), hoping to simulate what I have to do as a human user to get it to complete the scroll. Weird stuff happened 🙂 It started to scroll, quickly got stuck and jittered in place for the duration of the animation, then suddenly jumped to the final (incomplete) destination. Again, all of the solutions worked fine on everything I tested, minus the Samsung Galaxy in Chrome (whether in Desktop or Mobile mode).

I’m just a music prof trying to setup a site for my wife, so any pointers, ideas, or even just a pat on the back with “it’s an Android/Chrome thing” would be fantastic. Feel free to visit the site and view the source (it’s by no means complete/pristine. I still have to do a lot of little things to tidy things up, un-hardcode, etc. i.e., show me some mercy 😉

https://www.musicalbeginnings.academy

Thanks in advance!

html – Reiniciar vídeo quando estiver ativo – Bootstrap Carousel

Estou integrando vídeos em um carousel que aparece em um painel de televisão.
O vídeo em questão tem uma animação no começo e depois fica estático como uma imagem.

O problema é que o vídeo não reinicia quando fica ativo.

Não estou com o código no momento, mas ele é semelhante a esse:

  <!--Caption-->
  <div class="carousel-caption">
    <div class="animated fadeInDown">
      <h3 class="h3-responsive">Light mask</h3>
    </div>
  </div>
  <!--Caption-->
</div>
<!-- /.First slide -->

<!-- Second slide -->
<div class="carousel-item">
  <!--Mask color-->
  <div class="view">
    <!--Video source-->
    <video class="video-fluid" autoplay loop muted>
      <source src="https://mdbootstrap.com/img/video/animation-intro.mp4" type="video/mp4" />
    </video>
    <div class="mask rgba-purple-slight"></div>
  </div>

  <!--Caption-->
  <div class="carousel-caption">
    <div class="animated fadeInDown">
      <h3 class="h3-responsive">Super light mask</h3>
    </div>
  </div>
  <!--Caption-->
</div>
<!-- /.Second slide -->

<!-- Third slide -->
<div class="carousel-item">
  <!--Mask color-->
  <div class="view">
    <!--Video source-->
    <video class="video-fluid" autoplay loop muted>
      <source src="https://mdbootstrap.com/img/video/cube.mp4" type="video/mp4" />
    </video>
    <div class="mask rgba-black-strong"></div>
  </div>

  <!--Caption-->
  <div class="carousel-caption">
    <div class="animated fadeInDown">
      <h3 class="h3-responsive">Strong mask</h3>
    </div>
  </div>
  <!--Caption-->
</div>
<!-- /.Third slide -->

Previous

Next

css – html to plaintext with NodeJS on server side

on the server-side, using Nodejs. I receive a text message containing HTML. I want a function that converts the html to plain text. And please don’t tell me to add the tag <plaintext> or <pre>. (convert_to_html function doesn’t exist in nodejs)

socket.on('echo', (text) => {
   plaintext = convert_to_html(text);
   socket.emit('echo', {
      message: plaintext
   });
});

ideal results:

input: <h1>haha i am big</h1>

plaintext(what i want plaintext to be): &lt;h1 &60;haha i am big &lt;/h1 &60;

output: <h1>haha i am big</h1>

current result:

input: <h1>haha i am big</h1>

plaintext: <h1>haha i am big</h1>

output: haha i am big