このサイトの多くの人々は難解な言語を使用しています。これらの言語は珍しく理解しにくいため、特定の形式で説明を書くことがよくあります。たとえば、コードが

abcdefghijklmnop

そして、この言語は#コメントに使用します、彼らはこのような説明を書くでしょう：

a                #Explanation of what 'a' does
 bc              #Bc
   d             #d
    e            #Explanation of e
     fgh         #foobar
        ij       #hello world
          k      #etc.
           l     #so on
            mn   #and
              op #so forth

私も頻繁にこれを行いますが、これを行うたびに、テキストのレイアウトを作成するのは本当に不愉快で時間がかかると感じています。だから、私のために「Esolang-Comment-Template-Generator」を作成してほしい。たとえば、コメントを無視する場合、前のコードには次のテンプレートがあります。

a                #
 bc              #
   d             #
    e            #
     fgh         #
        ij       #
          k      #
           l     #
            mn   #
              op #

挑戦：

入力として2つの文字列を受け取り、この「Esolang-Comment-Template」を出力するプログラムまたは関数を作成する必要があります。最初の入力はコードです|が、改行のある場所にバー（）が挿入されます。2番目の入力は、コメントに使用するものです。したがって、最後の例では入力にこれを使用します。

"a|bc|d|e|fgh|ij|k|l|mn|op", "#"

残念ながら、これはバーをコード入力の一部から除外しますが、それは問題ありません。コメント入力は単一の文字になると想定できます。簡単にするために、コメント文字はバーではありません。コード入力には印刷可能なASCIIのみが含まれ、改行は含まれません。

テストケースから何をすべきかを推測できることを願っていますが、いくつかのことを明確にしようとします。

入力したコードをすべてのバーの「コードセクション」に分割する必要があります。次に、コードの各セクションが独自の行に出力され、前のすべてのコードの長さ（バーを除く）が左に埋め込まれます。次に、各行の最後の2文字が「1つの追加スペース」+「コメント文字」になるように、各行に十分なスペースが右詰めされます。

1つの末尾の改行が許可されます。

別の例を示します。入力用

"Hello|World", "/"

コードの最初のセクションは「Hello」で、2番目のセクションは「World」です。したがって、次の出力が得られます。

Hello      /
     World /

以下にいくつかのサンプルを示します。

Input:
"a|b|c|d|e|f|g", ","

Output:
a       ,
 b      ,
  c     ,
   d    ,
    e   ,
     f  ,
      g ,

Input:
"abcdefg", ":"

Output:
abcdefg :

Input:
"4|8|15|16|23|42", "%"

Output:
4          %
 8         %
  15       %
    16     %
      23   %
        42 %

Input:
"E|ac|h s|ecti|on is| one c|haracte|r longer| than the| last!", "!"

Output:
E                                                   !
 ac                                                 !
   h s                                              !
      ecti                                          !
          on is                                     !
                one c                               !
                     haracte                        !
                            r longer                !
                                     than the       !
                                              last! !

Input:
"This|Code|has||empty||sections", "@"

Output:
This                     @
    Code                 @
        has              @
                         @
           empty         @
                         @
                sections @

ルール：

これらの入力および出力は、適切な形式で使用できます。たとえば、ファイルの読み取り/書き込み、STDIN / STOUT、関数の引数/戻り値など。通常どおり、これはcode-golfなので、コードをできるだけ短くして、最短の解決策が得られれば勝ちます。あなたの言語で！また、全体的な勝者として最短のソリューションを選択します。標準的な抜け穴は禁止されています。

Pyth- 28 27 24 23バイト

少しゴルフができるかもしれません。どうやら、明らかに！

jt+R+;zC.t.u+*lNdYcQ\|k

こちらからオンラインでお試しください。

網膜、35 34バイト

バイトカウントはISO 8859-1エンコードを前提としています。

\|
·$'¶$`±
T0-2`·±|p`___ `.+±.|·.+

2つの入力文字列はスペースで区切られます（コメントの区切り文字は常に単一の文字であることがわかっているため、これは明確です）。

オンラインでお試しください！

Java 10、189 159バイト

s->c->{var r="";int p=0,i;for(var a:s.split("\\|")){for(i=p;i-->0;r+=" ");r+=a;for(p+=a.length();i++<s.replace("|","").length()-p;r+=" ");r+=c+"\n";}return r;}

Java 7をJava 10に変換し、ループを最適化する-30バイト。

オンラインでお試しください。

説明：

s->c->{                     // Method with String & char parameters and String return-type
  var r="";                 //  Result-String, starting empty
  int p=0,                  //  Position-integer, starting at 0
      i;                    //  Index integer
  for(var a:s.split("\\|")){//  Loop over the parts split by "|"
    for(i=p;i-->0;r+=" ");  //   Add `p` amount of spaces to the result-String
    r+=a;                   //   Add the current part to the result-String
    for(p+=a.length();      //   Add the length of the current part to the position-integer
        i++<s.replace("|","").length()-p;r+=" ");
                            //   Add the row's trailing spaces to the result-String
    r+=c+"\n";}             //   Add the character and a new-line to the result-String
  return r;}                //  Return the result-String

Pyke、31 28 24バイト

\|cDslF2l-hd*Q+Zi:il?+ZK

ここで試してみてください！

JavaScript（ES6）、92バイト

f=
(s,c)=>s.split`|`.map((_,i,a)=>a.map((e,j)=>i-j?e.replace(/./g,` `):e).join``+` `+c).join`
`
;

<div oninput=o.textContent=f(s.value,c.value)><input id=s placeholder=Code><input id=c size=1 maxlength=1 value=#><pre id=o>

GNU sed（-rの場合は85 + 1）86

:s;h;:;s,\|( *)[^ \|](.),|\1 \2,;t;s,\|,,g
p;g;:l;s,^( *)[^ \|],\1 ,;tl;s,\|,,;/\S/bs

入力はスペースで区切られた文字列です。

テスト：
input.txt：

a|b|c|d|e|f|g ,
abcdefg :
4|8|15|16|23|42 %
E|ac|h s|ecti|on is| one c|haracte|r longer| than the| last! !
This|Code|has||empty||sections @

出力：

$ cat input.txt | sed -rf template
a       ,
 b      ,
  c     ,
   d    ,
    e   ,
     f  ,
      g ,

abcdefg :

4          %
 8         %
  15       %
    16     %
      23   %
        42 %

E                                                   !
 ac                                                 !
   h s                                              !
      ecti                                          !
          on is                                     !
                one c                               !
                     haracte                        !
                            r longer                !
                                     than the       !
                                              last! !

This                     @
    Code                 @
        has              @
                         @
           empty         @
                         @
                sections @

Haskell、139 135バイト

s#p=j$foldl g("",0)s where g(a,n)c|c=='|'=(j(a,n)++"\n"++q n,n)|1>0=(a++[c],n+1);q m=' '<$[1..m];j(a,n)=a++q(sum[1|c<-s,c/='|']-n+1)++p

定義をインライン化して4バイトを保存しました。

ゴルフをしていない：

template :: String -> String -> String
template code comment = format $ foldl g ("", 0) code
    where g (acc, n) c
            | c == '|' = (format (acc, n) ++ "\n" ++ spaces n, n)
            | otherwise = (acc ++ [c], n+1)
          l = length $ filter (/= '|') code
          spaces n = replicate n ' '
          format (acc, n) = acc ++ spaces (l-n+1) ++ comment

グルービー、120の 113の 111バイト

def m(s,c){s.split(/\|/).inject(0,{e,t->println((' '*e+t).padRight(s.replace('|','').size()+1)+c);e+t.size()})}

未使用*

def m(s,c){
  s.split(/\|/).inject(0, { e, t ->
    println((' '*e+t).padRight(s.replace('|','').size())+' '+c)
    e+t.size()
  })
}

（120バイトの最初のドラフト）

def m(s,c){def l=0;s.split(/\|/).collect{l+=it.size();it.padLeft(l).padRight(s.replace('|','').size())+' '+c}.join('\n')}

未使用*

def m(s,c){
  def l=0 // minimized version needs a semicolon here
  s.split(/\|/).collect{
    l+=it.size() // minimized version needs a semicolon here
    it.padLeft(l).padRight(s.replace('|','').size())+' '+c
  }.join('\n')
}

テスト

%> m('a|bc|d|e|fgh|ij|k|l|mn|op', '#')
a                #
 bc              #
   d             #
    e            #
     fgh         #
        ij       #
          k      #
           l     #
            mn   #
              op #

%> m('Hello|World', '/')
Hello      /
     World /

%> m('a|b|c|d|e|f|g', ',')
a       ,
 b      ,
  c     ,
   d    ,
    e   ,
     f  ,
      g ,

%> m('abcdefg', ':')
abcdefg :

%> m('4|8|15|16|23|42', '%')
4          %
 8         %
  15       %
    16     %
      23   %
        42 %

%> m('E|ac|h s|ecti|on is| one c|haracte|r longer| than the| last!', '!')
E                                                   !
 ac                                                 !
   h s                                              !
      ecti                                          !
          on is                                     !
                one c                               !
                     haracte                        !
                            r longer                !
                                     than the       !
                                              last! !

%> m('This|Code|has||empty||sections', '@')
This                     @
    Code                 @
        has              @
                         @
           empty         @
                         @
                sections @

パイソン2、125の124 132バイト

-1 @TuukkaXへのバイトおかげで（からスペースをゴルフ逃しましたi, v）

def g(s,c):x=s.split('|');print((' '+c+'\n').join(' '*len(''.join(x[:i]))+v+' '*len(''.join(x[i+1:]))for i,v in enumerate(x))+' '+c)

イデオンのすべてのテストケース

Python 2、107 105 102 99バイト

上記のすべてのテストケースでテスト済み

EDIT d = a.split（ "|"）; i = 0をd、i = a.split（ "|"）、0に変更することで2バイトをゴルフオフしました。ありがとう@Oliver Ni

さらに3バイトがなくなった。再度、感謝します。

@Jonathanからの提案により、実際に3バイトが節約され、魔法の99バイトになります。ありがとう。

def c(a,b):
 d,i=a.split("|"),0
 for e in d:j=i+len(e);print" "*i+e+" "*(len("".join(d))-j+1)+b;i=j

05AB1E、29 38 31 29 バイト

'|„ǝʒ:'ǝ¡'ʒмεD®>úsg®+©s}.Bεð²J,

間違いなくgolfedすることが、少なくとも、そのは今働いてすることができます。..
9つのバイトをするので¡（スプリット）が自動的に空の項目を削除し、私は追加する必要がありましたので'|„ǝʒ:'ǝ¡'ʒм...
-2のおかげバイト@MagicOctopusUrnを変更して'|„ǝʒ:'ǝ¡'ʒмまで'|¶:.BεðÜ}（現在のソリューションは、上で動作しません。末尾にスペースがある項目がありますが、テストケースに従って許可されていると想定しています）。

オンラインでお試しください。

説明：

'|¶:           # Take the first input, and replace every "|" with "¶"
               #  i.e. "abc|d|e||fg" → "abc¶d¶e¶¶fg" (¶ are new-lines in 05AB1E)
    .B         # Box all the items (appending trailing whitespace to make it a rectangle)
               #  i.e. "abc¶d¶e¶¶fg" → ['abc','d  ','e  ','   ','fg ']
      εðÜ}     # Remove all trailing spaces from each item
               #  i.e. ['abc','d  ','e  ','   ','fg '] → ['abc','d,'e','','fg']
               #  NOTE: `'|¡` would have resulted in ['abc','d','e','fd'], hence the use of
               #        Box which implicitly splits on new-lines to keep empty items
ε              # For-each:
 D             #  Duplicate the current item
  ®>ú          #  Prepend global_variable + 1 amount of spaces
               #  (+1 because the global_variable is -1 by default)
               #   i.e. "e" and 3+1 → "    e"
 sg            #  Swap so the duplicated item is at the top, and take its length
   ®+          #  Sum it with the global_variable
               #   i.e. "e" (→ 1) and 4 → 5
     ©         #  And store it as new global_variable
      s        #  Then swap so the space appended item is at the end again
       }       # And end the for-each loop
.B             # Box all the items (appending the appropriate amount of spaces)
               #  i.e. ['abc','   d','    e','     ','     fg']
               #   → ['abc    ','   d   ','    e  ','       ','     fg']
ε              # For-each again:
 ð             #  A space character
  I            #  The second input-character
   J           #  Join both together with the current item
    ,          #  And print the current row with trailing new-line

PowerShell v2 +、103 99バイト

param($a,$b)$a-split'\|'|%{" "*$l+$_+" "*(($a-replace'\|').length+1-$_.length-$l)+$b;$l+=$_.Length}

入力を2つの文字列として受け取り、-splitsはリテラルパイプの最初の文字列（分割は正規表現構文を使用するため）で、要素をループに送ります|%{...}。

繰り返しごとに$l、現在の要素と連結して定義されるスペースの数として文字列を構築します。最初のループでは、$ltoを初期化し$null、ここでとして評価され0ます。

その文字列は別の数のスペースとさらに連結されます（すべてのパイプに何も付けない$a場合の長さと、コードとコメントの間の追加のパディング、現在の要素のマイナス、パディングしたスペースの数）このイテレーションに残っています）、コメント文字と連結されています。それはパイプラインに残っています。-replace1.length$l$b

その後$l、次の反復のために更新します。

結果の文字列はすべてパイプラインに残され、暗黙的な出力Write-Outputはプログラムの実行時に発生し、デフォルトでは改行が間にあります。

例

PS C:\Tools\Scripts\golfing> .\esolang-comment-template-generator.ps1 "This|Code|has||empty||sections" "@"
This                     @
    Code                 @
        has              @
                         @
           empty         @
                         @
                sections @

PS C:\Tools\Scripts\golfing> .\esolang-comment-template-generator.ps1 "a|bc|def|ghi|h" "|"
a          |
 bc        |
   def     |
      ghi  |
         h |

Vim、39 38キーストローク

DJMcMayhemのおかげで-1バイト

入力として、最初の文字がコメント区切り文字で、その後にコードが続くバッファー（ファイルなど）が必要#foo|bar|bazです。

"cxqaf|m`Yp<Ctrl+o>v$r jv0r x@aq@a$p<Ctrl+v>gg$C <Ctrl+r>c<Esc>

説明

（ " _"はリテラルスペースを示します。）

"cx          " Delete the first character (the comment delimiter) and store in register 'c'
qa           " Start recording macro 'a'
f|m`         " Advance to the first '|' on the line and set mark
Yp<Ctrl+o>   " Duplicate this line and return to mark
v$r_         " Replace everything after the cursor on this line (inclusive) with spaces
jv0r_x       " Go down a line and replace everything before the cursor on this line (inclusive) with
             "   spaces, then delete one space
@a           " Call macro recursively
q@a          " Stop recording and immediately call the macro
$p           " Paste the deleted space at the end of the last line
<Ctrl+v>gg$       " Highlight the column where the comment delimiters will go and all trailing spaces
C_<Ctrl+r>c<Esc>  " Replace the highlighted text on each line with a space and the contents of
                  "   register 'c' (the comment delimiter)

フロロイド -94バイト

Ah(a,b):c=a.fn("|");z(" "+b+"\n".y(' '*Z("".y(c[:j]))+l+" "*Z("".y(c[j+1:]))Kj,lIai(c))+' '+b)

@ JonathanAllanのPythonソリューションに似たアプローチを使用します。

テストケース

Call: h("a|bc|d|e|fgh|ij|k|l|mn|op", "#")
Output: 
a                #
 bc              #
   d             #
    e            #
     fgh         #
        ij       #
          k      #
           l     #
            mn   #
              op #

C＃176 167 154バイト

string f(string s,char x){var c=s.Split('|');var d="";int i=0;foreach(var b in c)d+=b.PadLeft(i+=b.Length).PadRight(s.Length+2-c.Length)+x+"\n";return d;}

UnGolfed

string f(string s, char x)
{
    var c = s.Split('|');
    var d = "";
    int i = 0;
    foreach (var b in c)
        d += b.PadLeft(i += b.Length).PadRight(s.Length + 2 - c.Length) + x + "\n";
    return d;
}

LINQソリューションは146でしusing System.Linq;たが、164に戻す必要がありました。

string f(string s,char x){var c=s.Split('|');int i=0;return c.Aggregate("",(g,b)=>g+b.PadLeft(i+=b.Length).PadRight(s.Length+2-c.Length)+x+"\n");}

古いソリューション：

167バイト：

string f(string s,char x){var c=s.Split('|');var d="";int i=0;foreach(var b in c){d+=b.PadLeft(i+b.Length).PadRight(s.Length+2-c.Length)+x+"\n";i+=b.Length;}return d;}

文字列補間を使用した176バイト

string f(string s,char x){var c=s.Split('|');var d="";int i=0;foreach(var b in c){d+=string.Format($"{{1,{i}}}{{0,-{s.Length+2-c.Length-i}}}{x}\n",b,"");i+=b.Length;}return d;}

PHP、120の 117 116 110 109バイト

foreach($a=split('\|',$argv[1])as$i=>$t){$c=preg_replace('#.#',' ',$a);$c[$i]=$t;echo join($c)," $argv[2]
";}

または

foreach($a=split('\|',$argv[1])as$t){$c=preg_replace('#.#',' ',$a);$c[$i++|0]=$t;echo join($c)," $argv[2]
";}

MATL、33 31バイト

'\|'0'|'hYXo8M&YbY:&YdtaZ)0ihYc

オンラインでお試しください！

説明

入力からブロック対角行列を作成する組み込み関数Yd（blkdiag）は、ほとんどの作業を行います。マトリックスの塗りつぶし値は0であり、char 0は表示目的のスペースとして扱われます。コードは単純に分割され|、結果のブロックからマトリックスを構築し、charに変換し、スペースとコメント記号を含む2つの列を追加します。

ただし、入力文字列の空のセクションが複雑になる可能性があるため、問題はさらに面白くなります。結果のブロックは空になり、結果のマトリックスに表示されません。

これを解決するために、eachの前にchar 0を導入し、|ブロックが空にならないようにします。次に、結果のcharマトリックスで、char 0のみによって形成される列を削除します。空でないコードセクションには、印刷可能なASCII文字が含まれているため、このセクションがまたがる列は存続します。空のセクションは行を提供しますが、余分な列を導入しません。

'\|'    % Push this string: source for regexp matching. It's just | escaped
0'|'h   % Push a string formed by char 0 followed by | (no escaping needed)
YX      % Input string implicitly. Replace first of the above string by the second
o       % Convert from chars to code points. Gives a numeric vector
8M      % Push '|' again
&Yb     % Split numeric vector at occurences of | (the latter is automatically
        % converted  to its code point). This gives a cell array of numeric vectors
Y:      % Unbox cell array: pushes the numeric vectors it contains
&Yd     % Form a block-diagonal matrix from those vectors
ta      % Duplicate. Compute vector that equals true for columns that have some
        % nonzero value
Z)      % Used that as a logical index (mask) for the columns of the matrix.
        % This removes columns that contain only zeros
0ih     % Input comment symbol and prepend char 0 (which will be displayed as space)
Yc      % Append that to each row of the matrix. The matrix is automatically 
        % converted from code points to chars
        % Display implicitly

Pyth、30バイト

VJcE\|s[*ZdN*h--lsJZlNdQ)=+ZlN

または

jm+dQ.t.t+MC,.u*l+NYdJc+Ed\|kJ

どちらも、コメント文字列のSTDINに入力を取得し、次に改行で区切られたプログラム文字列を入力する完全なプログラムです。

最初のバージョンをオンラインで試す

2番目のバージョンをオンラインで試す

仕組み

VJcE\|s[*ZdN*h--lsJZlNdQ)=+ZlN  Program. Inputs: E, Q
  cE\|                          Split E on "|"
 J                              Assign to J
                                Implicit Z=0
V                               For N in that:
       [                )        Create a list with elements:
        *Zd                       Z spaces
           N                      N
               -lsJZ              len(concatenate(J))-Z
              -     lN             -len(N)
             h                     +1
            *         d            spaces
                       Q          Q
      s                          Concatenate the list
                                 Implicitly print
                        =+ZlN    Z=Z+len(N)

jm+dQ.t.t+MC,.u*l+NYdJc+Ed\|kJ  Program. Inputs: E, Q
                       +Ed      Add a trailing space to E
                      c   \|    Split that on "|"
                     J          Assign to J
             .u                 Cumulatively reduce J with:
                            k    starting value empty string and
                                 function N, Y ->
                l+NY              len(N+Y)
               *    d             spaces
            ,                J  Two-element list of that and J
           C                    Transpose
         +M                     Map concatenation over that
       .t                       Transpose, padding with spaces
     .t                         Transpose again
 m+dQ                           Map concatenation with Q over that
j                               Join on newlines
                                Implicitly print

Dyalog APL 16.0（競合しない）、43 37 バイト

コメント文字を要求し、次にコードを要求します。

↑(↓↑((-(⍸'|'∘=),≢)↑¨'|'∘≠⊆⊢)⍞),¨⊂¯2↑⍞

バージョン16.0がこの課題よりも新しいため、競合しません。

Perl、63バイト

+5を含む -Xpi

STDINで入力し、-iの後のコメント文字で実行します。

perl -Xpi% esolang.pl <<< "Ab|Cd||ef"

esolang.pl：

s/
/|/;s%(.*?)\|%$"x$`=~y/|//c.$1.$"x$'=~y/|//c." $^I
"%eg

完全に退屈な簡単なソリューション

Turtlèd、35バイト（非競合）

1つの入力を取ります。最後の文字はコメント文字です。コメント文字をスペースとして使用しても機能しませんが、それは必要ないと思います。

!' [*.+(|' dl)r_]' r[*+.(|u)_][ .d]

説明：

!                                  take input into string variable
 '                                 write space over current cell
   [*           ]                  while cell is not *
     .+                            write pointed char of string, stringpointer+1 (starts 0)
       (|    )                     if current cell is |
         ' dl                      write space (over |), move down, left
              r_                   move right, write * if pointed char is
                                   last char, else space

                 ' r               write space, move right
                    [*       ]     while cell is not *
                      +.           increment pointer and write pointed char
                        (|u)       if cell is |, move up
                            _      write * if the pointed char is the last char

                              [   ] while cell is not space
                                .d  write the pointed char from string, move down 

ファンキー、89バイト

s=>c=>{y=0forn inl=s::split"|"print((v=" "::rep)(y)+l[n]+v((#l::reduce@++1)-y+=#l[n])+c)}

オンラインでお試しください！

Scala、123バイト

def?(i:String,c:String)={var b=0
i.split('|').map{s=>println(" "*b+s+" "*(i.replace("|","").size-b-s.size+1)+c)
b+=s.size}}

テストコード+出力：

?("a|b|c|d|e|f|g", ",")
a       ,
 b      ,
  c     ,
   d    ,
    e   ,
     f  ,
      g ,

?("abcdefg", ":")
abcdefg :

?("4|8|15|16|23|42", "%")
4          %
 8         %
  15       %
    16     %
      23   %
        42 %

?("E|ac|h s|ecti|on is| one c|haracte|r longer| than the| last!", "!")
E                                                   !
 ac                                                 !
   h s                                              !
      ecti                                          !
          on is                                     !
                one c                               !
                     haracte                        !
                            r longer                !
                                     than the       !
                                              last! !

?("This|Code|has||empty||sections", "@")
This                     @
    Code                 @
        has              @
                         @
           empty         @
                         @
                sections @

ルビー、96 80バイト

->s,c{s.gsub(/(^|\|)([^|]*)/){" "*$`.count(t="^|")+$2+" "*(1+$'.count(t))+c+$/}}

eval.inで参照してください：https ://eval.in/639012

私は本当にRetinaを学ぶべきです。

ゼリー、41 バイト

これは、はるかに多くの増分があり、おそらく多すぎるリンクがあるように見えます...

ṫø⁹‘‘µFL‘⁶ẋ
‘ị
ḣFL⁶ẋ$;ç@;1ŀ
J’ç@€
ṣ”|Ç;€Y

TryItOnlineでテストする

どうやって？

ṫø⁹‘‘µFL‘⁶ẋ  - link 1: get the spaces for after the code, dyadic(split string, index)
 ø           - next chain as a nilad
  ⁹‘‘        - right argument incremented twice (the index we actually want)
ṫ            - tail (get the rest of the split string)
     µ       - next chain as a monad
      FL‘    - flatten, get its length and increment
         ⁶   - a space character " "
          ẋ  - repeat the space character that many times

‘ị           - Link 2: get the code for a line dyadic(index, split string)
‘            - increment the index
 ị           - retrieve the string at that index

ḣFL⁶ẋ$;ç@;1ŀ - Link 3: get the code and join with spaces, dyadic (index, split string)
ḣ            - head: split string[index:]
 FL          - flatten and get its length
     $       - previous two atoms as a monad
   ⁶         - a space character, " "
    ẋ        - repeat the space that many times
      ;      - concatenate with
       ç@    - the result of the previous link (the code) - reverse inputs
         ;   - concatenate with
          1ŀ - the result of Link 1 (the spaces after the code)

J’ç@€        - Link 3: a for loop, monadic(split string)
J’           - [0,...,Len(split string)-1]
  ç@€        - the result of the previous link, with revered inputs, for each

ṣ”|Ç;€Y      - Main Link: dyadic(code string, comment character)
ṣ”|          - split on "|"
   Ç         - the result of the previous link
    ;€       - concatenate each with the comment character
      Y      - join with line feeds
             - implicit print

CJam、32バイト

l'|/_s,)L@{1$,S*\+}%@f{Se]}lN+f+

説明

l                                  get code string
 '|/                               split into code parts
    _s,)                           length of all the parts +1
        L@{1$,S*\+}%               left pad spaces to every part for the length of the previous parts
                    @f{Se]}        right pad spaces
                           lN+f+   add comment character and newline

オンラインで試す

GolfScript、85バイト

{(;);}:r;", "%(r\(r n+:c;;.,\'|'%.,@\-)):l;0:m;{.,0>}{" "m*\(.,m+:m l\-" "\*+c@}while

オンラインで試す

2017アップデート-GolfScript -71バイト

', '/~~:c;~1/.,\.{'|'=},,@\-):l;['|']/0:i;{.,i+:i l i-' '*c+\' '*"
"\}/

説明

', '/~~:c;~1/        # Parses input
.,\.{'|'=},,@\-):l;  # Computes string length without '|'
['|']/               # Splits the array
0:i;                 # Counter
{.,                  # Length of the substring
i+:i                 # Counter update
l i-' '*c+\          # Adds spaces after the substring 
' '*"\n"\            # Adds spaces before the next substring
}/                   # ...For each substring

ゼリー、10バイト

ṣ”|⁶ṁ;ɗ\pG

オンラインでお試しください！